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

France
Joined June 2022
Yanis Lebzar retweeted
Delete interaction ✨ The undo grows out of the button you pressed. Confirm on the same spot. Built with @motiondotdev
5
5
78
2,533
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]
2
2
15
468
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
5
2
26
1,073
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.
3
1
21
791
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
2
1
20
775
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! 👀
사진 한 장을 여러 조각으로 나눠놓고 각 조각이 바람에 들리는 것처럼 움직이게 만든 게 묘하게 좋다 👀
3
3
17
960
Yanis Lebzar retweeted
Some websites shout for attention. Gabriel Beaugonin’s portfolio does the opposite. A unique layout, clever navigation, smooth animation, and thoughtful transitions, all packed with delightful micro-interactions. An easy Okay Pick.
2
1
13
889
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
1
10
359
Yanis Lebzar retweeted
Still pretty happy about this one ✨ @gabrielbgnn's portfolio recently picked up an @fwa SOTD! → gabrielbeaugonin.com
2
3
13
527
Yanis Lebzar retweeted
Thanks to @usemuzli for picking up the portfolio, and for the homepage feature 🙏
2
1
14
408
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
3
1
19
2,113
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
8
5
2
126
7,193
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
2
81
3,955
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
12
15
2
307
15,770
Yanis Lebzar retweeted
Create modal by @dev_ya More UI interaction designs: collectui.com
3
13
192
7,712
Yanis Lebzar retweeted
Save button interaction✨ Built with @motiondotdev
85
101
20
2,434
162,967
Yanis Lebzar retweeted
This transition is almost like all other page transitions: A simple color swipe. But this website adds downscaling of the page before the transition. This communicates really well that we are changing places. Not just a simple swipe, but a change in position that's almost physical Small and gorgeous details by @dev_ya
1
10
1,027
Yanis Lebzar retweeted
Loved this fresh take on this common cursor effect. The stillness it creates makes it feel more interactive. When I stop, the effect stops with me. I love it. This beauty is by @dev_ya
1
1
14
1,258
Yanis Lebzar retweeted
We heard you loved these new Creator Studio icons, so we added them to our new iOS App Folder example.
3
2
55
2,791
Yanis Lebzar retweeted
An overview of my 2025 work. Huge thanks to the amazing teams and clients who made these projects possible. Can’t wait to see what 2026 holds. Available for new projects: [email protected]
23
26
1
395
12,757