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

CSS clock (Braun BC17 × Paul Smith)

Tapered circle paths with svg https://t.co/g69iK4U8ML

Demo + code via @CodePen https://t.co/Mz5ux0dFW5

🌐 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 https://t.co/HM5jR2bE0j

Got iOS26 or Android? Try it out here https://t.co/ln5qMXlEl2 CSS https://t.co/dIPNbk001Z 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 → https://t.co/Wc5ui8bKwF Code → https://t.co/maHdj5XQNT

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

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

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 https://t.co/wuLizFVAIG

Pure CSS implementation of @suno_ai_ homepage feature using scroll() function and snap scrolling. Code + demo via @CodePen https://t.co/vuvSx5iemb

@didiercatz Nice! 👏 If anyone's curious about *possible* ways to implement, here's a similar demo of a CSS-only draggable segment control w/ keyboard support. Code + demo via @CodePen https://t.co/uELV7hSvbw Uses scroll timeline, snap scrolling and custom styled scrollbars.

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 https://t.co/PVvi9B3ysW

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 https://t.co/lrAVLpzzym

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 https://t.co/dat3mZxVnd Chrome 117+, sorry no Safari (yet)

Custom shader with React Three Fiber + @threejs to create a day night animation Code & demo → https://t.co/JpJb8V74bq