A modern component library built with shadcn/ui and Tailwind CSS. Spectrum UI offers elegant, responsive components and smooth animations designed for high-quality interfaces.
A 3D perspective tilt card that rotates toward the pointer with spring smoothing, parallax translateZ depth layers, and a pointer-following glare highlight
Demo usage for the 3D Tilt Card component
component for the Accordion
component for the Accordion Card
component for the Accordion Dependencies
component for the Accordion Filled
component for the Accordion Generative
component for the Accordion Ghost
A credentials card that auto-fills email and password on a loop, with a danger zone.
Demo usage for the Account Access Card component
An editable plan checklist the agent proposes before running.
A timeline of tool calls with status, arguments, results, and parallel sub-steps.
An AI chat card that types prompts into its composer, with send, attach and reset actions.
Demo usage for the AI Chat Card component
component for the alert-2
component for the alert-3
component for the alert-4
component for the alert-demo
component for the Animated Card
component for the Animated Drawer
component for the Animated SVG Chart
An iOS-quality animated toggle switch with a press-to-stretch knob, drag-to-toggle with flick support, and optional crossfading knob icons
Demo usage for the Animated Switch component
component for the Animated Testimonials
component for the Animated Wave Footer
Key management with masked secrets in mono, scope chips, usage counts and a revoke action.
A human-in-the-loop approval for an action an agent wants to take.
Filled areas with gradient, hatch, dotted, stacked, and dashed-stroke variants.
A docs question box that streams a cited answer, over link columns.
A dense, pinned-header event log with actors, mono action names, IPs and severity levels.
component for the Autosize Textarea Customize
component for the Autosize Textarea
component for the Autosize Textarea Dependencies
component for the Autosize Textarea Form
component for the Autosize Textarea Max Height
component for the Autosize Textarea Ref
An overlapping avatar stack that fans apart on hover, springs name tooltips over each face and expands hidden members from a +N pill with a stagger
Demo usage for the Avatar Stack component
A brutalist plan table whose featured column wears a blue banner on top.
Vertical and horizontal bars with hatch, duotone, gradient, stripe, stack, and glow fills.
A card wrapped in an animated border beam, traveling or breathing, in four color palettes.
Demo usage for the Beam Card component
A search bar whose bottom edge lights up with a traveling beam while it has focus.
Demo usage for the Beam Search Bar component
A premium interactive Bento Grid component
A Swiss-style pricing table with crop marks, mono labels, and a royal-blue accent.
A year of daily values as week columns — the contributions grid, with five quantised intensity steps, streak stats, and month rails.
OHLC candles with optional volume and hollow-up bodies — for stocks, SOL, and any market pair.