Quentin Hocdé

New project ✨
Coutumes with Index Studio

➡️ coutumes.com

Developed with Jean-Christophe Suzanne 🤝 built with our handcrafted Shopify theme

A few months ago, I started an online web design course by Louis Paquet.

I wanted to follow the full process of creating a website, from the very first idea to the final result.

I decided to redesign and develop my own website and it's live:
quentinhocde.com

Remember this Cash App Brand Guidelines project ?
It's been nominated for @gsap-greensock.bsky.social Site of the Year 2025 🥹✨

You can support us by voting here ➡️ gsap.com/SOTY-2025/

Made with Index Studio
➡️ design.cash.app

Excited to share a new Codrops article, written with Index Studio, on the e‑commerce project for templier.com

We break down how we built it and share technical insights, especially around Shopify, animations, and our stack.

👉 tympanus.net/codrops/2025...

🚀 piecesjs v0.5.1 is out!

Big update with full TypeScript support for better DX (autocomplete, types) v0.5.1 also allows getting return values via `this.call()`

github.com/piecesjs/pie...

I made a tiny landing page for piecesjs 🧩
➡️ piecesjs.github.io/piecesjs/

(TypeScript support is coming)
github : github.com/piecesjs/pie...

Latest project 🔵

➡️ decathlonlifestyle.index.studio

Colorful collection for everyday life by Decathlon. I had a lot of fun playing with the UI and following cool motion concepts.

Another great project made with Index Studio 🤟

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 👀