tilt-3d
Installation
SKILL.md
tilt-3d
A card that tilts in 3D toward the pointer. Part of
motion-anything; obeys MOTION-SPEC.md. Technique
popularized by vanilla-tilt.js, reimplemented dependency-free.
When to use it
- A hero product card, cover image, or a few portfolio thumbnails where depth adds delight.
When NOT to use it (restraint)
- Dense grids — many tilting cards feel chaotic and can induce motion sickness. A few hero cards.
- Text-heavy cards (tilt hurts readability); touch-only contexts (it stays flat automatically).