Yanis Lebzar (@dev_ya) header
Yanis Lebzar (@dev_ya) profile picture

Design engineer & creative developer. UI interactions, motion, WebGL. Awwwards SOTD + Dev Award, FWA SOTD. Open for freelance · [email protected]

France
Joined June 2022
Resolve comment ✨ A resolved comment folds back into its author and stays pinned, faded. Click it to bring the thread back. Built with @motiondotdev
1
1
1
12
869
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
3
21
918
Invite ✨ Emails become chips, chips become avatars. Undo sends them back. Built with @motiondotdev
2
4
1
74
2,628
Bulk delete ✨ Drag to select, the files stack into one, undo deals them back out. Built with @motiondotdev
13
19
2
325
7,930
Delete interaction ✨ The undo grows out of the button you pressed. Confirm on the same spot. Built with @motiondotdev
5
5
83
2,727
A few websites I’ve built over the past year. Booking freelance projects for November and December. DMs open, or [email protected]
2
2
15
633
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
5
2
26
1,136
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.
3
1
21
837
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
2
1
20
812
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! 👀
사진 한 장을 여러 조각으로 나눠놓고 각 조각이 바람에 들리는 것처럼 움직이게 만든 게 묘하게 좋다 👀
3
3
17
991
Experimenting with an infinite halftone pattern and plane bending on scroll 〰 Built with @threejs (WebGPU + TSL)
18
611