Spotlight, tilt, pricing and comparison cards that group content clearly and stay readable in light and dark themes.
6 components
A deck you throw cards from: the top card leans from where you grabbed it and flies off with the speed you gave it, the rest rise to take its place, and Undo brings it back. Keys and buttons too.
Cards
Two layers split by a glass handle you drag, or that follows the pointer. A press glides the divider there on a spring, a double-click sends it home; optional feathered seam, vertical split and first-view sweep.
Cards
A card that grows into its own story: the photo, eyebrow and title fly to their places, and you pull the story down to fold it back into the grid. Built on the native modal dialog.
Cards
One plan in a pricing table, set large: a price that rolls when billing changes, a highlighted plan on a dark surface lit by your accent, and features read as included or not.
Cards
A card lit by a soft light that glides after the pointer, with a lit edge and an optional texture that shows only under the light. Group several and the light carries across their borders. Keyboard focus lights it too.
Cards
A card that tilts in 3D toward the pointer and lifts, with parallax layers at their own depth, a shadow that falls away from the raised edge and a soft sheen.
Cards
Desert bloom
Warm, sun-baked, quietly floral
#c96a4a
0 kept for your moodboard
Neon Tide
Kavya Rao · Midnight Static
import { Card, Cover, Title, Progress } from "@/components/ui"export function NowPlaying() {return (<Card className="w-56 rounded-3xl"><Cover hue={268} playing /><Title>Neon Tide</Title><p>Kavya Rao · Midnight Static</p><Progress value={0.42} /><Controls onPlay={toggle} /></Card>)}
Field guide
Long read
Dispatch