Playset UI Framework

A beautiful, themeable card component library for building game interfaces, educational displays, and interactive card-based experiences.

Magic
SPELL
Power
ABILITY
Defense
ARMOR

Features

8 Theme Presets

Purple, blue, green, red, orange, pink, cyan, and gold

5 Special Effects

Foil, holographic, polychrome, negative, and gold

Animated Glows

Active state with pulsing, rotating glow effects

Dark/Light Mode

Full theme support with automatic switching

Responsive Sizing

xs, sm, md, lg, xl, and auto sizing options

Game Components

Hand, Library, Graveyard, and Playmat blocks

Quick Start

example.tsxtsx
1import { PlaysetCard } from "@/components/playset-card"
2import { Flame } from 'lucide-react'
3
4<PlaysetCard
5 title="Fire Bolt"
6 category="SPELL"
7 theme="red"
8 effect="foil"
9 headerIcon={<Flame className="w-4 h-4" />}
10/>

Ready to get started?

Check out the installation guide and component docs.

View Installation