Card set
A row of pricing, ticket or membership cards in a flat, glass or holographic finish. They can sit still, shimmer and breathe on their own, tilt and catch the light under the cursor, or lean and shimmer as the row scrolls past.
- Renderer
- CSS
- Kind
- Interactive surfaces
- Options
- 7 fields, 7 presets
Pricing
Start free. Scale when it lands.
Presets
Used on
- SURFACES: pricing, tickets and membership, every brand
Worth knowing
- Pure CSS and pointer events: a row of cards costs no WebGL contexts. The ambient sweep and breathing animate registered custom properties (@property).
- Each card runs a little out of phase, so a row never moves in lockstep.
- Glass blurs whatever is behind it, so pair it with a glow or an image behind the cards.
- Tilt and animation switch off under reduced motion; the cards stay fully readable and clickable.