Design engineer & creative developer. UI interactions, motion, WebGL. Awwwards SOTD + Dev Award, FWA SOTD. Open for freelance · [email protected]
France
Joined June 2022
- Tweets561
- Following470
- Followers1.3K
- Likes7.7K
Pinned Tweet
A few websites I’ve built over the past year.
Booking freelance projects for November and December. DMs open, or [email protected]
Yanis Lebzar retweeted
Human craft, sharp taste. 10 picks a day.
@matejamarso
A full site for Flashnet that makes moving crypto across networks feel alive.
nitter.cf/matejamarso/status/211…
@dev_ya
Resolved comments fold back into their author and stay pinned, one click to reopen.
nitter.cf/dev_ya/status/21154693…
@kyleanthony
Brand identity for Particle, Suhail's new company.
nitter.cf/kyleanthony/status/211…
@nickbakeddesign
A landing page exploration for Stoa, with product cards set inside classical arches.
nitter.cf/nickbakeddesign/status…
@FaizalSukaimi
A shadcn data grid with a dot-matrix trend above every column.
nitter.cf/FaizalSukaimi/status/2…
@chisajoboson
A new home for UDI Foundry, an independent foundry making African typefaces.
nitter.cf/chisajoboson/status/21…
@designbyaron
Branding meets trading card game, built entirely in code.
nitter.cf/designbyaron/status/21…
@AlbiaHossain
Serif type and a lily illustration make an AI hero feel warm, not cold.
nitter.cf/AlbiaHossain/status/21…
@FredWanders
Isometric illustrations make a $50M+ business's complex offering clear at a glance.
nitter.cf/FredWanders/status/211…
@KoiGeorgi
Claude plus the Framer MCP now updates a ceramics portfolio from a chat.
nitter.cf/KoiGeorgi/status/21154…
Resolve comment ✨
A resolved comment folds back into its author and stays pinned, faded. Click it to bring the thread back.
Built with @motiondotdev
Yanis Lebzar retweeted
Resolve comment ✨
A resolved comment folds back into its author and stays pinned, faded. Click it to bring the thread back.
Built with @motiondotdev
Resolve comment ✨
A resolved comment folds back into its author and stays pinned, faded. Click it to bring the thread back.
Built with @motiondotdev
Yanis Lebzar retweeted
Invalid email ✨
It shakes once, you click it, it opens back into text. Fix and go.
Built with @motiondotdev
Invite ✨
Emails become chips, chips become avatars. Undo sends them back.
Built with @motiondotdev
Invalid email ✨
It shakes once, you click it, it opens back into text. Fix and go.
Built with @motiondotdev
Invite ✨
Emails become chips, chips become avatars. Undo sends them back.
Built with @motiondotdev
Invite ✨
Emails become chips, chips become avatars. Undo sends them back.
Built with @motiondotdev
Yanis Lebzar retweeted
Bulk delete ✨
Drag to select, the files stack into one, undo deals them back out.
Built with @motiondotdev
Bulk delete ✨
Drag to select, the files stack into one, undo deals them back out.
Built with @motiondotdev
Yanis Lebzar retweeted
Delete interaction ✨
The undo grows out of the button you pressed. Confirm on the same spot.
Built with @motiondotdev
Delete interaction ✨
The undo grows out of the button you pressed. Confirm on the same spot.
Built with @motiondotdev
Yanis Lebzar retweeted
A few websites I’ve built over the past year.
Booking freelance projects for November and December. DMs open, or [email protected]
Yanis Lebzar retweeted
A video mosaic where motion is the only source of colour.
When the video moves, it lights up. Move the cursor, and it lights up too ✨
Real-time in the browser, using @threejs
A video mosaic where motion is the only source of colour.
When the video moves, it lights up. Move the cursor, and it lights up too ✨
Real-time in the browser, using @threejs
Yanis Lebzar retweeted
Adaptive video delivery for Ciel Rose.
Ciel Rose is a very video-heavy website: most of the videos play as textures inside the WebGL experience.
Serving the same large file to every visitor wasn't an option. A fast connection handles it; a slower one sits there buffering.
So the videos are streamed with HLS: several quality levels, split into small segments, and the player switches between them as the bandwidth changes.
One detail mattered more than the rest: the first seconds. Adaptive players tend to start on the lowest quality and work their way up, so a film looks blurry right when you first see it. Here each video starts sharp, and only steps down if the connection can't keep up.
Rich visuals, without assuming everyone has a perfect connection.
Adaptive video delivery for Ciel Rose.
Ciel Rose is a very video-heavy website: most of the videos play as textures inside the WebGL experience.
Serving the same large file to every visitor wasn't an option. A fast connection handles it; a slower one sits there buffering.
So the videos are streamed with HLS: several quality levels, split into small segments, and the player switches between them as the bandwidth changes.
One detail mattered more than the rest: the first seconds. Adaptive players tend to start on the lowest quality and work their way up, so a film looks blurry right when you first see it. Here each video starts sharp, and only steps down if the connection can't keep up.
Rich visuals, without assuming everyone has a perfect connection.
Yanis Lebzar retweeted
One from the archives 🗃️
Wanted to make those image trails we've all seen feel a little more alive using @threejs 🦋
Available for freelance projects
One from the archives 🗃️
Wanted to make those image trails we've all seen feel a little more alive using @threejs 🦋
Available for freelance projects
Yanis Lebzar retweeted
Saw this a while ago and wanted to bring that feeling into the browser.
Here it is, a web experiment exploring paper, wind and light 🍃
Inspiration from youngdenerak on Instagram.
And 감사합니다 @manwon_man for always sharing such inspiring finds!
Go check them both out! 👀
