Card stack using scroll-driven animation w/ snapping. Just a few lines of JS, zero dependencies. Code + demo via @CodePen

Demo + code via @CodePen .

🌐 Orbital photo gallery (demo + code)

Another iOS 26 🤝 CSS demo — WebKit catching up to the modern web. → Scroll-driven animations keeping everything in sync with gesture.→ 3D card transforms with view().→ Live background tinting.→ Progressive blur overlays. …and zero JS. Code and demo

Got iOS26 or Android? Try it out here CSS Code + demo via @CodePen.

With scroll-timeline support landing in Safari for iOS26 it's possible to create gesture-driven, native-like experiences for mobile browsers with zero JS.

Prototyped a world 🌐 timezones UI w/ React, D3, Framer Motion, use-gesture. Demo → Code →

An (almost) pure CSS photo editing UI using scroll-timeline with keyframes interpolating custom properties in a filter(). Code + demo via @CodePen

Zero JS implementation of @AppleMusic's Top 100 Albums using CSS scroll-timeline, scroll-snap and counter. Code + demo via @CodePen

CSS scroll-timeline animation of text rotating on a 3D arc. Text styled using CSS 3D transforms using a custom element < arc-text>. Code and demo via @CodePen.

Pure CSS implementation of @suno_ai_ homepage feature using scroll() function and snap scrolling. Code + demo via @CodePen

RT @paul_uiux: @didiercatz Nice! 👏 If anyone's curious about *possible* ways to implement, here's a similar demo of a CSS-only draggable se….

Pure CSS (zero JS) demo of scroll() with 3D transforms running at 60fps on Chrome Android (Pixel 6). When🤞 Safari iOS adds support for scroll() it will unlock a whole range of new possibilities for mobile experiences in a browser. Demo via @CodePen

With @firefox adding support for the :has() selector 🥳 here's a pure CSS demo of an interactive quiz using :has() in combo with form state and CSS animations. Code + demo via @CodePen

With the experimental CSS scroll() function we can create native-like experiences in a browser. This pure CSS demo's weight is just 6kb 🤯. Try in responsive mode or device. Code + demo via @CodePen Chrome 117+, sorry no Safari (yet)

Custom shader with React Three Fiber + @threejs to create a day night animation. Code & demo →

Sports viz with 3D CSS, bootstrapped with React. Code Demo

Abstract illustration in SVG loading effect with stroke-offset via @CodePen . →