Freelance Creative & Interactive Developer - bringing motion, subtle touches and fun interactions on websites with code. » Ex Lead Front-end at locomotive.ca » Inquiries: hello@quentinhocde.comhttps://bsky.app/profile/quentinhocde.bsky.socialhttps://bsky.app/profile/quentinhocde.bsky.social/post/3meiqxrl4j22oNew project ✨ Coutumes with Index Studio ➡️ coutumes.com Developed with Jean-Christophe Suzanne 🤝 built with our handcrafted Shopify theme10 Feb 2026 10:29 +0000at://did:plc:g5pogs2ecoaprieq5mrvbq3r/app.bsky.feed.post/3meiqxrl4j22ohttps://bsky.app/profile/quentinhocde.bsky.social/post/3me22wvztmc23A 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.com04 Feb 2026 14:18 +0000at://did:plc:g5pogs2ecoaprieq5mrvbq3r/app.bsky.feed.post/3me22wvztmc23https://bsky.app/profile/quentinhocde.bsky.social/post/3mczlcahfnc2qRemember 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.app22 Jan 2026 16:12 +0000at://did:plc:g5pogs2ecoaprieq5mrvbq3r/app.bsky.feed.post/3mczlcahfnc2qhttps://bsky.app/profile/quentinhocde.bsky.social/post/3m6onqap37c2qExcited 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. 👉 https://tympanus.net/codrops/2025/11/28/the-geometry-of-movement-a-shopify-powered-digital-tribute-to-raymond-templiers-modernist-vision/ [contains quote post or other embedded content]28 Nov 2025 10:16 +0000at://did:plc:g5pogs2ecoaprieq5mrvbq3r/app.bsky.feed.post/3m6onqap37c2qhttps://bsky.app/profile/quentinhocde.bsky.social/post/3m657bpts7k2u🚀 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()` https://github.com/piecesjs/piecesjs/releases/tag/v0.5.121 Nov 2025 11:42 +0000at://did:plc:g5pogs2ecoaprieq5mrvbq3r/app.bsky.feed.post/3m657bpts7k2uhttps://bsky.app/profile/quentinhocde.bsky.social/post/3m4uw2k4rwc2zI made a tiny landing page for piecesjs 🧩 ➡️ piecesjs.github.io/piecesjs/ (TypeScript support is coming) github : https://github.com/piecesjs/piecesjs05 Nov 2025 11:11 +0000at://did:plc:g5pogs2ecoaprieq5mrvbq3r/app.bsky.feed.post/3m4uw2k4rwc2zhttps://bsky.app/profile/quentinhocde.bsky.social/post/3m46l6gfpsc2xLatest 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 🤟27 Oct 2025 13:57 +0000at://did:plc:g5pogs2ecoaprieq5mrvbq3r/app.bsky.feed.post/3m46l6gfpsc2xhttps://bsky.app/profile/quentinhocde.bsky.social/post/3lms327dij22bExciting 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.14 Apr 2025 17:19 +0000at://did:plc:g5pogs2ecoaprieq5mrvbq3r/app.bsky.feed.post/3lms327dij22bhttps://bsky.app/profile/quentinhocde.bsky.social/post/3lle3ivfaes2b[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.27 Mar 2025 10:24 +0000at://did:plc:g5pogs2ecoaprieq5mrvbq3r/app.bsky.feed.post/3lle3ivfaes2bhttps://bsky.app/profile/quentinhocde.bsky.social/post/3lksk63h4ik2f[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 App20 Mar 2025 10:59 +0000at://did:plc:g5pogs2ecoaprieq5mrvbq3r/app.bsky.feed.post/3lksk63h4ik2fhttps://bsky.app/profile/quentinhocde.bsky.social/post/3lk3va7tsxs23[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 Studio11 Mar 2025 10:46 +0000at://did:plc:g5pogs2ecoaprieq5mrvbq3r/app.bsky.feed.post/3lk3va7tsxs23https://bsky.app/profile/quentinhocde.bsky.social/post/3ljk7lezzx22y[FOCUS] - 3D section on design.cash.app One of the funniest part to code, all made with CSS 3D and transparent background videos04 Mar 2025 10:03 +0000at://did:plc:g5pogs2ecoaprieq5mrvbq3r/app.bsky.feed.post/3ljk7lezzx22yhttps://bsky.app/profile/quentinhocde.bsky.social/post/3lj5lpvwh3c2oOk, 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 🧈 [contains quote post or other embedded content]27 Feb 2025 09:36 +0000at://did:plc:g5pogs2ecoaprieq5mrvbq3r/app.bsky.feed.post/3lj5lpvwh3c2ohttps://bsky.app/profile/quentinhocde.bsky.social/post/3liyma2cs7s2dExcited 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 🥵25 Feb 2025 10:01 +0000at://did:plc:g5pogs2ecoaprieq5mrvbq3r/app.bsky.feed.post/3liyma2cs7s2dhttps://bsky.app/profile/quentinhocde.bsky.social/post/3liwkdgkw5s2dIf 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" https://tympanus.net/codrops/2024/10/21/getting-started-with-piecesjs-building-native-web-components-with-a-lightweight-framework/ [contains quote post or other embedded content]24 Feb 2025 14:22 +0000at://did:plc:g5pogs2ecoaprieq5mrvbq3r/app.bsky.feed.post/3liwkdgkw5s2dhttps://bsky.app/profile/quentinhocde.bsky.social/post/3lium7xezpc22The kind of week where you create 3 git repository 🤓23 Feb 2025 19:51 +0000at://did:plc:g5pogs2ecoaprieq5mrvbq3r/app.bsky.feed.post/3lium7xezpc22https://bsky.app/profile/quentinhocde.bsky.social/post/3liluzigshs24Cool to see a new kind of inspiring articles on @codrops.bsky.social with the Motion Highlights 😍 https://tympanus.net/codrops/2025/02/19/motion-highlights-2/20 Feb 2025 08:34 +0000at://did:plc:g5pogs2ecoaprieq5mrvbq3r/app.bsky.feed.post/3liluzigshs24https://bsky.app/profile/quentinhocde.bsky.social/post/3lhgwtlpza22h7th year as awwwards jury member 🫶05 Feb 2025 15:58 +0000at://did:plc:g5pogs2ecoaprieq5mrvbq3r/app.bsky.feed.post/3lhgwtlpza22hhttps://bsky.app/profile/quentinhocde.bsky.social/post/3lhg6rwo4y22hThe air feels fresh and pleasant here 😌 I'll try to be more active on Bluesky, let’s see how it goes 👀05 Feb 2025 08:48 +0000at://did:plc:g5pogs2ecoaprieq5mrvbq3r/app.bsky.feed.post/3lhg6rwo4y22hhttps://bsky.app/profile/quentinhocde.bsky.social/post/3lhdpa3eehs2hSerenityMoment - 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.app04 Feb 2025 09:04 +0000at://did:plc:g5pogs2ecoaprieq5mrvbq3r/app.bsky.feed.post/3lhdpa3eehs2hhttps://bsky.app/profile/quentinhocde.bsky.social/post/3lh26frriuk25I'm very excited to be featured in today's Developer Spotlight on @codrops.bsky.social 🔥 ➡️ https://tympanus.net/codrops/2025/01/31/developer-spotlight-quentin-hocde/31 Jan 2025 14:09 +0000at://did:plc:g5pogs2ecoaprieq5mrvbq3r/app.bsky.feed.post/3lh26frriuk25https://bsky.app/profile/quentinhocde.bsky.social/post/3lgkaldtqu22wLast year I released piecesjs, a lightweight JavaScript framework built upon native web components, offering a suite of tools and utilities tailored for creative websites. https://github.com/piecesjs/piecesjs25 Jan 2025 06:05 +0000at://did:plc:g5pogs2ecoaprieq5mrvbq3r/app.bsky.feed.post/3lgkaldtqu22whttps://bsky.app/profile/quentinhocde.bsky.social/post/3lghpm6kwss2zI’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: https://annuals.awwwards.com/independent-nominees/quentinhocde24 Jan 2025 05:56 +0000at://did:plc:g5pogs2ecoaprieq5mrvbq3r/app.bsky.feed.post/3lghpm6kwss2zhttps://bsky.app/profile/quentinhocde.bsky.social/post/3lecktsbqtk2dSmall 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 increase27 Dec 2024 17:57 +0000at://did:plc:g5pogs2ecoaprieq5mrvbq3r/app.bsky.feed.post/3lecktsbqtk2dhttps://bsky.app/profile/quentinhocde.bsky.social/post/3le7njyhvmc2d[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.app26 Dec 2024 14:08 +0000at://did:plc:g5pogs2ecoaprieq5mrvbq3r/app.bsky.feed.post/3le7njyhvmc2dhttps://bsky.app/profile/quentinhocde.bsky.social/post/3ldrdczmork2t2024 - 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 🥹20 Dec 2024 21:27 +0000at://did:plc:g5pogs2ecoaprieq5mrvbq3r/app.bsky.feed.post/3ldrdczmork2t