Pure CSS / Motion study 001

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 first study
01

Vite for production builds. Zero runtime dependencies. Readable HTML, CSS, and ESM.

The index

Effects

1 study available

001 Hover to preview

Folder Pocket

Layered paper and a restrained 3D pocket opening.
002—006

Reserved for the next motion studies.

In progress