Pure CSS / Motion studies 001—004
Small motion,
copied cleanly.
A growing index of tactile interface effects. Every study includes a live preview and copy-ready HTML and CSS.
Open the latest study
01
Vite for production builds. Zero runtime dependencies. Readable HTML, CSS, and ESM.
The index
Effects
4 studies available
001
Hover to preview
Folder Pocket
Layered paper and a restrained 3D pocket opening.
002
Move across the stack
Value Card Fan
Overlapping cards part around the active value.
003
Enter, then follow the stamps
Document Folder
Open, extract, and fan a compact document collection.
004
Hover to cross the theme
Glass Theme Switcher
A warm glass lens crosses between light and dark.
005—006
Reserved for the next motion studies.
In progress