Jul 3, 2025
Frontend engineer · Creative developer · Paris
I build for the web.
And play with everything it can become.
CSS, code & curiosity.
LucasBonomi
NowParis, FR
CraftFrontend · CSS · creative development
Open source@LukyVj
CommunityParis Design Meetup
ExploringWebGL · AI · design workflows
01 —
Made for the web
01020304050607
GSS
GSS stands for GPU Style Sheets.
Skillify
Turn a technical URL into a Claude Agent Skill.md or a self-contained HTML file for teams and LLMs. Browser-only: BYO Anthropic, OpenAI, or Google key. No account.
Buttons.cool
A collection of buttons with a cool hover effect
MadamNazar.io
This website is a project I'm having a lot of fun with, it's sole purpose is to show the location of a NPC in the Online game Red Dead Redemption
BlurHash Playground
I've built this small app to play around with the BlurHash format, you can upload images and get their blurash representation either as images, CSS background or more!
Family.scss
Family.scss is a set of SCSS mixins that will help you master the use of nth-child elements with CSS!
Colorify.js
[DEPRECATED] Colorify is one of my biggest 1st JS project, it's a script that will return a color/gradient based on images on a page.
03 —About
I build things with CSS, sometimes things that probably shouldn't be built with CSS — and then I tell the rest of the industry they can do it too.
I joined Algolia in 2016 as employee #22 and grew from frontend developer to Senior Developer Relations Engineer, leaving in July 2025. I built interfaces, technical demos and tools that helped developers explore what search could do.
Today I work across frontend engineering, creative development and developer advocacy. My work includes CSS playgrounds, open-source tools, design systems and experiments connecting code, design and AI.
CSSVanilla JSReactNext.jsAstroThree.jsAlgoliaFigmaDesign SystemsDXPublic SpeakingWriting
04 —Writing & demos
01Building Swagsearch: Crafting a real-time swag discovery platformAlgolia · 2025 · Engineering02How I recreated r/place with AlgoliaAlgolia · 2022 · Engineering03Recreating AlterTable.ai cards with modern CSSCodePen · 2025 · Demo04Futuristic Dial ButtonDEV · 2023 · CSS Demo05Subtle rainbow gradient buttonsDEV · 2023 · CSS Demo06Tilt playing cardDEV · 2023 · CSS Demo07Sharp & Glowing dark cardDEV · 2023 · CSS Demo08Grainy & Gradients textDEV · 2023 · CSS Demo09The new PandiconsMedium · 2015 · Archive10An introduction to Gulp.jsMedium · 2015 · Archive11How to Create a Metro Style AccordionMedium · 2014 · Archive12How I animated Color-TemplateMedium · 2014 · Archive
05 —
Watch & learn
From Query to Cube
Visualizing search in a 3D voxel world with Three.js and Algolia.
3D / Search
CSS Flicks
Creating video experiences with Algolia — storing and playing motion through CSS and search.
CSS / Video
Building SwagSearch
A walkthrough of building a real-time discovery platform for conference swag.
Frontend / Product
SwagSearch, live with Chuck Meyer
Questions, implementation choices and a live tour of the application.
Developer relations
Creating a r/place clone with Algolia
Building a collaborative pixel-art canvas with search infrastructure.
Creative coding
Family.scss & successful open source
How Family.scss grew, and lessons on shipping open-source CSS tools.
Open source / CSS
CSS Paris: blend modes, filters & video
A shared meetup recording including experiments with CSS blending, filters and video.
CSS / Video
Paris Design Meetup #2
The full event recording: design talks, community and opening remarks.
Design / Community
Paris Design Meetup #3
On May 28th, Paris Design Meetup returned for a special evening dedicated to the evolving relationship between AI and design. Hosted at Jitter’s colorful office in the heart of Le Marais, this edition brought together designers, product people, creative technologists, and AI-curious builders for talks, demos, portfolio showcases, job opportunities, food, drinks, and conversations around the future of creative workflows.
Design workflows supercharged with AI06 —Experiments
Shadow Vision
users can adjust the "y + x" slider to modify the shadow's angle and toggle the animation feature to observe the shadow's dynamic behavior. This interactive tool exemplifies how the Houdini Paint API enables developers to craft custom CSS properties and effects, enhancing the capabilities of traditional CSS.
CSSAlgo Flix
AlgoFlix is an experiment that renders small videos in CSS
Algoliar/place with Algolia
A re-creation of the Reddit April Fools' Day event, r/place, using Algolia as the backend
AlgoliaVideo to CSS Box shadow
This experiment converts a video into a CSS box-shadow
CSScolorify 2
Colorify 2 is a project that takes an image and generates a color palette from it
MiscHair Salon Search
A search experience for hair salons in Paris
AlgoliaPageviews counter with Algolia
A simple pageviews counter using Algolia
AlgoliaBlurHash Playground
I've built this small app to play around with the BlurHash format, you can upload images and get their blurash representation either as images, CSS background or more!
CSSRandomiCSSer
RandomiCSSer is a project that generates random numbers as css variables
CSS07 —
Beyond the browser
I build communities as well as interfaces.
I organize Paris Design Meetup with Sébastien Navizet, bringing designers, developers and creative technologists together for talks, demos and conversations.
Our May 2026 edition at Jitter explored design workflows and AI, with Mathieu Boulet, Célia Lopez and Kim Köhler. My role: organizing the event and creating a space for these voices.
Explore Paris Design Meetup ↗08 —Collaboration
I like building with CSS things it probably shouldn't be built with — and apparently a few designers and engineers enjoy the ride too. Here's what some of them had to say.
I've met gifted people, but Luky is one of the few true CSS wizards I know. He's highly imaginative, and he's always down to use new features and cutting-edge APIs to show you that, yes, this is possible in CSS. His enthusiasm and energy are refreshing, and everyone secretly aspires to be as cool as he is.Sarah DayanPrincipal Software Engineer
Luky is the dream partner in crime for a designer, always keen to implement the craziest designs. He is never afraid to explore new techniques, with a rare sense of detail and aesthetics. The best part is that in the end, you end up with an even cleaner look than the initial design!Sebastien NavizetFreelance creative director
Working with Lucas has been one of the most flawless collaboration I've had as a designer. Constantly paying attention to details, crafting pixel-perfect experiences, he's not afraid to go above and beyond to be proud of the final result, which is a quality inherent to passionated workers I love working with.Nicolas MeuzardProduct Designer
Among all the stars in the galaxy, the shiniest is called Luky. If you see it, make a wish for your next project and the sparkles of his creativity will bring life to your craziest dreams. Luky is the magic sauce.Kevin GrangerHead of growth & development journey
I've had the chance to work with Lucas for many years, and all I can say is that every minute of it was a blast. Not only is he an incredible, funny and humble human being, but he also has a hacking mindset that helps him push his limits further and further. Lucas is truly a front-end expert with crazy CSS skills, and he always delivers pixel-perfect web experiences which are simply delightful to explore.Ronan LevesqueEngineering Manager
Nom
09 —
Open source
Code is better shared.
CSS tools, visual experiments and ideas you can fork, remix and build on.
172Public repositories
49Public gists
500Followers
10 —Bluesky
