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.
KPI cards with a big value, the delta written as a sentence, and a scrubbable sparkline or progress bar beside it — the row every dashboard opens with.
component for the Status Badge
A staged progress tracker for long-running AI jobs.
A streamed answer with inline citations, sources, and follow-ups.
An inline AI suggestion with apply and dismiss.
An iOS-style swipeable list-item wrapper that reveals a delete action on drag, pops the icon at the commit threshold, and collapses the row before firing onDelete
Demo usage for the Swipe to Delete component
component for the Tab Navbar
A satisfying todo checkbox row with spring fill, drawn-in check, confetti burst and animated strikethrough
Demo usage for the Task Checkbox component
Live agent task rows with status badges and expandable notes.
component for the Testimonials
A minimal typing indicator — bouncing dots or a sliding bar.
Compact tool-call chips that expand into their arguments and result.
An inline undo pill with a draining countdown ring that pauses on hover and fires undo or expire callbacks
Demo usage for the Undo Pill component
A context-window meter with token counts and estimated cost.
component for the Use Toast
A voice recorder pill with animated level bars and a live timer.
Agent search results with a live reading indicator.