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
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
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
Yanis Lebzar retweeted
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
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
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.
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
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! 👀
Yanis Lebzar retweeted
i've spent half my career travelling and working remotely.
so i made a little space for it in my portfolio.
dev by @dev_ya
Yanis Lebzar retweeted
Still pretty happy about this one ✨
@gabrielbgnn's portfolio recently picked up an @fwa SOTD!
→ gabrielbeaugonin.com
Yanis Lebzar retweeted
Thanks to @usemuzli for picking up the portfolio, and for the homepage feature 🙏
Yanis Lebzar retweeted
small update: got the email this morning, the portfolio is @FWA Site of the Day
feels good, especially since it's the first project that's really mine ✨
gabrielbeaugonin.com
thanks to my friend on this one, @dev_ya
Yanis Lebzar retweeted
Travel page for @gabrielbgnn portfolio.
What started as a photo showcase became something a little more playful: a spring-driven plane flying across the page, wing-tip trails, and split-flap airport codes inspired by old departure boards.
Link here ✈️ → gabrielbeaugonin.com
Yanis Lebzar retweeted
Little detail from the portfolio i like a lot.
The pages each have their own url but the transitions are seamless enough that it doesn't feel like changing page, more like one continuous thing.
And every transition is cancelable with escape. Mid-animation it reverses, and once you've landed, it takes you back home. Small thing but it makes the whole nav feel more yours than the site's.
Try it yourself → gabrielbeaugonin.com
Development by @dev_ya
Yanis Lebzar retweeted
My first portfolio is live.
After years of building sites for other people, it felt good to finally take the time on my own, obsess over the details, and make something that actually feels like me.
Not the flashiest thing out there. That’s the point. It’s about the experience, the flow, the small interactions.
Big thanks to @dev_ya , who carried the development and did an incredible job. The whole thing runs on his work.
→ gabrielbeaugonin.com
Yanis Lebzar retweeted
Create modal by @dev_ya
More UI interaction designs: collectui.com
Yanis Lebzar retweeted
Save button interaction✨
Built with @motiondotdev