Sin, images, loop

New project ✨ Website development for the launch of Decathlon's new capsule collection: Yestalgia. A colorful and playful universe with awesome illustrations. So much fun to work on! Made with the best : Index Studio ➡️ decathlonyestalgia.com

This talk was really chaotic and really fun. I had a little panic attack before I started but all was good in the end 😅 @jsheroes.io www.youtube.com/watch?v=mtsc...

You might not need JS - Cyd Stumpel | JSHeroes 2026

YouTube video by JSHeroes

youtube.com

I finally made a proper website for Fragment 🎉 Right now, it is mostly a wrapper to the documentation available on GitHub but this is only the beginning! fragment.tools Built on top of @vite.dev, @svelte.dev and Mediabunny by @vanilagy.bsky.social

Fragment | A modern toolkit for creative coding

Fragment lets you sketch, render, and export canvas-based graphics with ease, from quick experiments to production-ready visuals. Built on top of Vite, Svelte and Mediabunny.

fragment.tools

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...

The Geometry of Movement: A Shopify-Powered Digital Tribute to Raymond Templier’s Modernist Vision | Codrops

How a custom Shopify experience reimagines Templier’s modernist legacy through motion and refined digital design.

tympanus.net

codrops@codrops.bsky.social · 10mo ago

A refined tribute to Raymond Templier's modernism: Index Studio's Shopify site turns each jewel into an artwork, using quiet motion, clean photography, and smooth transitions to highlight his geometry and play of light. Read more: 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

[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

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 🧈

Quentin Hocdé@quentinhocde.bsky.social · 2y ago

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 🥵

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...

Getting Started with Piecesjs: Building Native Web Components with a Lightweight Framework | Codrops

Piecesjs is a lightweight JavaScript framework built upon native web components, offering a suite of tools and utilities tailored for creative websites.

tympanus.net

Quentin Hocdé@quentinhocde.bsky.social · 2y ago

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...

The kind of week where you create 3 git repository 🤓

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

Cool to see a new kind of inspiring articles on @codrops.bsky.social with the Motion Highlights 😍 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

Little CTA animation for an upcoming project ✨ #webdev #frontend #motion

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 👀

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

I'm very excited to be featured in today's Developer Spotlight on @codrops.bsky.social 🔥 ➡️ 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

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