Quentin Hocdé
@quentinhocde.bsky.social
Freelance Interactive & Creative Developer - bringing motion, subtle touches and fun interactions on websites with code.
» Ex Lead Front-end at locomotive.ca
» Inquiries: hello@quentinhocde.com
» Ex Lead Front-end at locomotive.ca
» Inquiries: hello@quentinhocde.com
I made a tiny landing page for piecesjs 🧩
➡️ piecesjs.github.io/piecesjs/
(TypeScript support is coming)
github : github.com/piecesjs/pie...
➡️ piecesjs.github.io/piecesjs/
(TypeScript support is coming)
github : github.com/piecesjs/pie...
November 5, 2025 at 11:11 AM
I made a tiny landing page for piecesjs 🧩
➡️ piecesjs.github.io/piecesjs/
(TypeScript support is coming)
github : github.com/piecesjs/pie...
➡️ 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 🤟
➡️ 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 🤟
October 27, 2025 at 1:57 PM
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 🤟
➡️ 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.
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.
April 14, 2025 at 5:19 PM
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.
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.
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.
March 27, 2025 at 10:25 AM
[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.
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...
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...
March 26, 2025 at 1:55 PM
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...
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
Fully crafted with CSS 3D 👀
Built on top of Flip & Draggable by @gsap-greensock.bsky.social
Made with Index Studio & Cash App
March 20, 2025 at 10:59 AM
[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
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
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
March 11, 2025 at 10:46 AM
[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
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
[FOCUS] - 3D section on design.cash.app
One of the funniest part to code, all made with CSS 3D and transparent background videos
One of the funniest part to code, all made with CSS 3D and transparent background videos
March 4, 2025 at 10:03 AM
[FOCUS] - 3D section on design.cash.app
One of the funniest part to code, all made with CSS 3D and transparent background videos
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
⚡️ 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
March 3, 2025 at 11:55 AM
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
⚡️ 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 🧈
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 🥵
➡️ 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 🥵
February 27, 2025 at 9:36 AM
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 🧈
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 🥵
➡️ 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 🥵
February 25, 2025 at 10:01 AM
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 🥵
➡️ 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...
"Getting Started with Piecesjs: Building Native Web Components with a Lightweight Framework"
tympanus.net/codrops/2024...
February 24, 2025 at 2:22 PM
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...
"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 🤓
February 23, 2025 at 7:51 PM
The kind of week where you create 3 git repository 🤓
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'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
February 20, 2025 at 2:11 PM
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'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
Cool to see a new kind of inspiring articles on @codrops.bsky.social with the Motion Highlights 😍
tympanus.net/codrops/2025...
tympanus.net/codrops/2025...
Motion Highlights #2 | Codrops
A curated selection of the latest motion design and animation trends to keep you inspired and in the loop.
tympanus.net
February 20, 2025 at 8:34 AM
Cool to see a new kind of inspiring articles on @codrops.bsky.social with the Motion Highlights 😍
tympanus.net/codrops/2025...
tympanus.net/codrops/2025...
Reposted by Quentin Hocdé
February 5, 2025 at 9:45 AM
7th year as awwwards jury member 🫶
February 5, 2025 at 3:59 PM
7th year as awwwards jury member 🫶
The air feels fresh and pleasant here 😌
I'll try to be more active on Bluesky, let’s see how it goes 👀
I'll try to be more active on Bluesky, let’s see how it goes 👀
February 5, 2025 at 8:48 AM
The air feels fresh and pleasant here 😌
I'll try to be more active on Bluesky, let’s see how it goes 👀
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
- 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
February 4, 2025 at 9:04 AM
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
- 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
I'm very excited to be featured in today's Developer Spotlight on @codrops.bsky.social 🔥
➡️ tympanus.net/codrops/2025...
➡️ tympanus.net/codrops/2025...
Developer Spotlight: Quentin Hocdé | Codrops
In this spotlight, Quentin Hocdé shares his passion for creative coding, animations, and bringing interactive experiences to life.
tympanus.net
January 31, 2025 at 2:09 PM
I'm very excited to be featured in today's Developer Spotlight on @codrops.bsky.social 🔥
➡️ tympanus.net/codrops/2025...
➡️ tympanus.net/codrops/2025...
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...
github.com/piecesjs/pie...
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
github.com
January 25, 2025 at 6:05 AM
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...
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-...
• 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-...
January 24, 2025 at 5:56 AM
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-...
• 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-...
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
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
December 27, 2024 at 5:57 PM
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
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
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
December 26, 2024 at 2:08 PM
[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
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
2024 - 1/X
This year, I released 7 websites with amazing people :
Index Studio, Vendredi Society, Louis Paquet, Maëlan Le Meur and Baillat Studio 🔥
I’m also proud to have won 2 Site of the Day and Developer Awards on awwwards 🥹
This year, I released 7 websites with amazing people :
Index Studio, Vendredi Society, Louis Paquet, Maëlan Le Meur and Baillat Studio 🔥
I’m also proud to have won 2 Site of the Day and Developer Awards on awwwards 🥹
December 20, 2024 at 9:27 PM
2024 - 1/X
This year, I released 7 websites with amazing people :
Index Studio, Vendredi Society, Louis Paquet, Maëlan Le Meur and Baillat Studio 🔥
I’m also proud to have won 2 Site of the Day and Developer Awards on awwwards 🥹
This year, I released 7 websites with amazing people :
Index Studio, Vendredi Society, Louis Paquet, Maëlan Le Meur and Baillat Studio 🔥
I’m also proud to have won 2 Site of the Day and Developer Awards on awwwards 🥹