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.
[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
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 🥵
7th year as awwwards jury member 🫶
February 5, 2025 at 3:59 PM
7th year as awwwards jury member 🫶
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 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-...
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 🔈
You'll also receive native app notifications 🔈
December 27, 2024 at 5:59 PM
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 🔈
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
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
htarchitecte.com
My latest project 👀
Héloïse Thibodeau Architecte, made with
my friend Louis Paquet 🔥
Role: Creative/front & back-end development
My latest project 👀
Héloïse Thibodeau Architecte, made with
my friend Louis Paquet 🔥
Role: Creative/front & back-end development
November 4, 2024 at 8:39 PM
htarchitecte.com
My latest project 👀
Héloïse Thibodeau Architecte, made with
my friend Louis Paquet 🔥
Role: Creative/front & back-end development
My latest project 👀
Héloïse Thibodeau Architecte, made with
my friend Louis Paquet 🔥
Role: Creative/front & back-end development
Update here ➡️ quentinhocde.com
[Folio 2024]
A better reflection of my work as a creative developer, specializing in interactive projects with dynamic UI and animated typography.
More straightforward, with clear previews of the projects I've developed.
[Folio 2024]
A better reflection of my work as a creative developer, specializing in interactive projects with dynamic UI and animated typography.
More straightforward, with clear previews of the projects I've developed.
October 23, 2024 at 8:04 AM
Update here ➡️ quentinhocde.com
[Folio 2024]
A better reflection of my work as a creative developer, specializing in interactive projects with dynamic UI and animated typography.
More straightforward, with clear previews of the projects I've developed.
[Folio 2024]
A better reflection of my work as a creative developer, specializing in interactive projects with dynamic UI and animated typography.
More straightforward, with clear previews of the projects I've developed.
Flow studies 04
White gel pencil on black paper 🫶
White gel pencil on black paper 🫶
October 8, 2023 at 4:23 PM
Flow studies 04
White gel pencil on black paper 🫶
White gel pencil on black paper 🫶
Gradient and flow studies
September 26, 2023 at 7:33 AM
Gradient and flow studies
Thanks 🙏 It's based on this project from 2021
September 25, 2023 at 7:16 AM
Thanks 🙏 It's based on this project from 2021
Meditation rewrote for plotter 🪄
The first test is very promising 😌
The first test is very promising 😌
September 21, 2023 at 8:47 PM
Meditation rewrote for plotter 🪄
The first test is very promising 😌
The first test is very promising 😌
Afternoon with the plotter 🪄
September 6, 2023 at 12:37 PM
Afternoon with the plotter 🪄
Few months ago, I had the opportunity to help Joanie Lemercier to create a cloud machine ☁️
These clouds are generated by code and crafted by collectors. They can manipulate variables and bring their own vision of Nuages Possibles to reality.
A drawing plotter-ready is also generated.
100/100
These clouds are generated by code and crafted by collectors. They can manipulate variables and bring their own vision of Nuages Possibles to reality.
A drawing plotter-ready is also generated.
100/100
July 5, 2023 at 6:46 AM
Few months ago, I had the opportunity to help Joanie Lemercier to create a cloud machine ☁️
These clouds are generated by code and crafted by collectors. They can manipulate variables and bring their own vision of Nuages Possibles to reality.
A drawing plotter-ready is also generated.
100/100
These clouds are generated by code and crafted by collectors. They can manipulate variables and bring their own vision of Nuages Possibles to reality.
A drawing plotter-ready is also generated.
100/100
My latest generative project :
Gravures are digital paintings inspired by many influences. They recreating abstract nature using horizontal lines and a touch of randomness, resulting in a natural and organic appearance.
#generativeart #genartclub
Gravures are digital paintings inspired by many influences. They recreating abstract nature using horizontal lines and a touch of randomness, resulting in a natural and organic appearance.
#generativeart #genartclub
July 3, 2023 at 10:24 AM
My latest generative project :
Gravures are digital paintings inspired by many influences. They recreating abstract nature using horizontal lines and a touch of randomness, resulting in a natural and organic appearance.
#generativeart #genartclub
Gravures are digital paintings inspired by many influences. They recreating abstract nature using horizontal lines and a touch of randomness, resulting in a natural and organic appearance.
#generativeart #genartclub
Hi there 👋
I'm independent creative developer specializing in animated websites and art.
Here is Gravures, my last generative art project
#generativeart #genartclub
I'm independent creative developer specializing in animated websites and art.
Here is Gravures, my last generative art project
#generativeart #genartclub
June 23, 2023 at 7:56 AM
Hi there 👋
I'm independent creative developer specializing in animated websites and art.
Here is Gravures, my last generative art project
#generativeart #genartclub
I'm independent creative developer specializing in animated websites and art.
Here is Gravures, my last generative art project
#generativeart #genartclub