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 Craft Care in every detail. Accountability Own each decision. Sisu Strength through obstacles. Integrity Be direct and caring. Community Create human connection. Move across the stack

Value Card Fan

Overlapping cards part around the active value.

003 ISLAND
MAIL 静かな時間 NIPPON 63 Stamp collection 02 total ARCHIVE / 01 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