Cards
Atelier Throw Deck
A hand-squared pile of five picture cards. Flick the top card and it flies out and tucks under the pile; arrow keys cycle it.
rafmedium complexitymoderate motionpointer+keyboardaccessible
Open on the canvas to copy the code → Free account · 3 copies a day · membership goes unlimited
1
When to use it
Working with an AI agent
Every component ships agent-ready metadata. An example instruction for this one:
Only the top card is in the tab order; keep sync() after every reorder and touch-action pan-y on cards.
Safe to edit
- tokens
- card pictures
- throw threshold
Keep intact
- demo-v1
More Cards components
- 3D Tilt ParallaxDark card tilts in 3D toward the cursor; badge, orb, and text layers float at distinct Z-depths. A radial shine tracks the pointer; auto-rotates until…
- Frosted GlassA frosted glass card floats over three slowly drifting color blobs (gold, cream, tan); the panel lifts slightly on hover.
- Gradient-Border GlowDark card framed by a spinning conic powder-blue, tan and slate gradient border with a soft blurred aura glow behind it; auto-rotates continuously.
- Reveal on HoverDark gradient card that dims and zooms its background art on hover while a hidden title-and-copy panel slides up from the bottom.
- Holographic IridescentA 3D-tilting card with a warm iridescent sheen and conic foil chip that shift with pointer position; drifts idly until first deliberate input.
- Stacked Peeking CardsThree layered gradient cards auto-cycle and fan out with a springy rotation on hover; cards spread left and right then restack when cursor leaves.