Replaced most screenshots and videos on my product pages with looping demos in pure CSS.
This is a design post classified by AGK Intelligence as Animation & motion (design inspiration), kept by the Design Radar because it carries real work, not commentary.
Replaced most screenshots and videos on my product pages with looping demos in pure CSS. No video, no GIFs, no JS. All clips share ~3.3 KB of gzipped CSS.
Posted by Hauke 🌱🦀 (6.8k followers) 2 days ago · 20 likes · 630 views · view the original post on X. Kept by the Design Radar as Animation & motion.
More design work like this
- How the @itsoffbrand team might feel after launching the Lando Norris website with that… — @LuisBizarro
- Puzzle-piece layout choreography for your next web app. — @srbh_here
- Added 3 more storyboard to define the full Spotify experience — @osehfavvy
- messing around with order placing animations... — @stackedlol
- Some fun spinning 3d coins made in @rive_app — keyboard focusable! — @mazzeimotion
- SpaceXSI has updated the animation when switching to a private chat in the Grok app. — @PrivateIcedC81
- Motion with Intent — @uiux_hamad
- this is the scariest f*cking skill you can give Claude Code right now — @Asteri_eth
Every post is read and classified by AGK Intelligence: what it is, which market it belongs to, and whether the link is a real tool. 13.9k posts from 5k X accounts over the last 21 days, 2.6k tools, 17 markets. New posts are collected several times an hour and the full ranking is recomputed every hour — last update 2026-11-08 18:53 UTC. Full method.