Tabletop card components for the web

Cards that feel like cards.

Playset is a configurable card primitive for React with nine themes, six holographic effects, and a small kit of layout blocks for building decks, hands, and game boards.

9 themes6 effects5 sizesLight + dark
Shuffle the deck0 in hand

A scripted hand running on one primitive: cards deal in, flip face up, lift on select, and fly out when played — and it respects reduced motion.

Everything a card needs, nothing it doesn't.

Playset is a single primitive with a tight set of variants. Drop it in, theme it, compose it. No CSS-in-JS, no runtime config.

Nine themes

Purple, blue, green, red, orange, pink, cyan, gold, gray. Custom theme overrides supported.

Six effects

Foil, holographic, polychrome, negative, gold, and none. Tunable intensity per card.

Composable blocks

Hand, Deck, DiscardPile, OpponentHand, PlayedCards, and a GameBoard compound layout.

Five sizes

From xs (deck thumbnails) to xl (showcase). Auto sizing for content-driven layouts.

Keyboard ready

Hand has roving tabindex with arrow keys, Enter to select, Escape to dismiss.

Reduced motion

All shimmer and glow animations respect prefers-reduced-motion automatically.