Skip to content
Knsept
Free playbook

Cards & surfaces

Cards with depth and motion that follow the pointer. Try them right here; open one for the full, commented code.

Cards & surfaces try it

3D tilt card

A card that tilts toward the pointer in 3D, with its contents floating above the surface. Drag on touch; a smaller tilt with reduced motion.

View code →
Cards & surfaces try it

Spotlight card

A card with a soft glow that follows the cursor. Two CSS variables and one set of listeners.

View code →