Quentin Hocdé
@quentinhocde.bsky.social
600 followers 300 following 43 posts
Freelance Interactive & Creative Developer - bringing motion, subtle touches and fun interactions on websites with code. » Ex Lead Front-end at locomotive.ca » Inquiries: [email protected] » Creator of http://serenitymoment.app
Posts Media Videos Starter Packs
Exciting new project with Index Studio 🔥
goodroads.agency

Introducing goodroads: Discover France by motorcycle with custom-designed routes 🏍️

Thrilled to have worked on this project with the best team and with stunning videos and photos content.
[FOCUS] Infinite Illustrations Carousel on design.cash.app

Crafted with CSS, featuring bouncy and physics-based movements.
This section was the first one to deliver an MVP for the drag interaction feel.

Made with Index Studio and Cash App.
Reposted by Quentin Hocdé
Props folders 🗄️

After many unsuccessful attempts in the past years, I finally managed to make folders work as I wanted, thanks to @svelte.dev runes and snippets!

props.color.folder = "materials";

And it's fully reactive like any other props attributes!

Docs: github.com/raphaelameau...
[FOCUS] - Infinite UI elements on design.cash.app was one of the most satisfying section to code 🤓

Fully crafted with CSS 3D 👀
Built on top of Flip & Draggable by @gsap-greensock.bsky.social

Made with Index Studio & Cash App
[FOCUS] - Infinite cards carousel on design.cash.app

This one is also fully crafted with CSS 3D 👀
The transition is made with the Flip plugin from @gsap-greensock.bsky.social, and the carousel is based on the Draggable plugin 💚

Made with Index Studio
Oh niiiiice 🙌 Thank you so much 🫶
[FOCUS] - 3D section on design.cash.app

One of the funniest part to code, all made with CSS 3D and transparent background videos
Reposted by Quentin Hocdé
Dive into unique experiences, intriguing products and immersive contents. This is the Weekly Delights, edition #25.09!

⚡️ delights.flayks.com/weekly/2025-09

ft Cash App Index Studio @quentinhocde.bsky.social Philippe Neveu Antinomy Studio @New Layer Capital obys Holographik Normal Phenomena of Life
Ok, now the tech part 👀
For this project, I used:

- piecesjs → A tiny JS framework to manage web components
- @astro.build → For data fetching and static site generation
- @gsap-greensock.bsky.social → Everywhere ✨ All navigations are timeline-based, dynamically linked to scroll & drag 🧈
Excited to unveil my latest project with Index Studio & Cash App 🔥

➡️ design.cash.app

I had the opportunity to develop 6 custom, draggable and scrollable navigation systems to showcase Cash App's visual assets and an infinite grid with physics-based interactions 🥵
Excited to unveil my latest project with Index Studio & Cash App 🔥

➡️ design.cash.app

I had the opportunity to develop 6 custom, draggable and scrollable navigation systems to showcase Cash App's visual assets and an infinite grid with physics-based interactions 🥵
If you want to try piecesjs, I wrote an article on @codrops.bsky.social

"Getting Started with Piecesjs: Building Native Web Components with a Lightweight Framework"

tympanus.net/codrops/2024...
The kind of week where you create 3 git repository 🤓
Congrats on the launch! 🔥🔥🔥
Reposted by Quentin Hocdé
We are live! Made With Gsap is all yours and we cannot wait to see what you'll create with it!

We're more than happy to finally open our platform. You can now explore our collection of 50 effects built with @gsap-greensock.bsky.social 💚

madewithgsap.com
We’ll all lost an hour when you will release it 😂
Reposted by Quentin Hocdé
Little CTA animation for an upcoming project ✨

#webdev #frontend #motion
7th year as awwwards jury member 🫶
Less trump, less musk, less people I don’t follow and I really don’t want follow, less crap.
I used to be on twitter for the web community but it's less than 5% of my homepage now....
The air feels fresh and pleasant here 😌
I'll try to be more active on Bluesky, let’s see how it goes 👀
SerenityMoment - updates 🔥

-  macOS app (beta) for Premium users, track your timers in the status bar and receive native notifications
- 14-day free trial for Premium plan subscriptions
- A donation button to support the project (with the .dmg as 🎁)

➡️ serenitymoment.app