Quentin Hocdé

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.

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

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

Merci Henry 🙌🙌

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 🧈

Thank you 🙌

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! 🔥🔥🔥

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

Motion Highlights #2 | Codrops A curated selection of the latest motion design and animation trends to keep you inspired and in the loop.

Cool to see a new kind of inspiring articles on @codrops.bsky.social with the Motion Highlights 😍

tympanus.net/codrops/2025...

Propre! 🔥

We’ll all lost an hour when you will release it 😂

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

Developer Spotlight: Quentin Hocdé | Codrops In this spotlight, Quentin Hocdé shares his passion for creative coding, animations, and bringing interactive experiences to life.

I'm very excited to be featured in today's Developer Spotlight on @codrops.bsky.social 🔥

➡️ tympanus.net/codrops/2025...

GitHub - piecesjs/piecesjs: Front-end framework for a versatile and native web components management. Front-end framework for a versatile and native web components management. - piecesjs/piecesjs

Last year I released piecesjs, a lightweight JavaScript framework built upon native web components, offering a suite of tools and utilities tailored for creative websites.

github.com/piecesjs/pie...

I’m truly grateful to be nominated for the Awwwards Annual 2024 in 2 categories

• Independent of the Year
• Site of the Year with VendrediSociety for their website

If you’d like to support, you can vote here:
annuals.awwwards.com/independent-...

With the  MacOS app (beta), keep track (in the status bar) of your timers in real time and see exactly which stage of your session you're in.
You'll also receive native app notifications 🔈

Small refresh on serenitymoment.app 🔥

Changelog ⬇️
- Updated header (bye gradients 👋) & better nav
- 14-day free trial for Premium plan subscription 🎉
-  macOS app (beta) for Premium users
- Refreshed pricing page & slight price increase

[SerenityMoment update] 🍎

I’m currently working on a macOS "status bar" application. It’s a simple view of SerenityMoment that opens on click, displaying the timer values as title 👀

web version ➡️ serenitymoment.app