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.
An SVG node lattice that lights up under the pointer.
A newsletter panel with a value checklist, reader stack and inline validation.
A bell icon button with a ring-shake swing, springy unread badge with rolling odometer count, and a pinging dot mode
Demo usage for the Notification Bell component
A rolling digit ticker that counts to a value with per-digit stagger, padding and blur.
Demo usage for the Number Ticker component
Staggered serif panels on a dot grid, with one entry price and expert CTAs.
component for the Orbital Letters
A trading ladder with cumulative depth bars, a spread row, and flashing updates in live mode.
E-commerce orders with fulfillment pills, customer avatars and an expandable line-item panel.
A password input with an animated four-segment strength meter, crossfading strength label, requirements checklist with drawing check marks, and a visibility toggle
Demo usage for the Password Strength component
Transactions with people avatars, status pills, filters, row selection and a bulk export bar.
Pie and donut charts with padded sectors, labels, and optional sector glow.
Cookie-category switches with a save state, over a layered legal row.
Account value against cost basis with drawdown from the running peak shaded underneath.
Ticker chrome with last price and signed delta. Use it for tokens, equities, or protocol TVL.
component for the Product Card
component for the Profile Dropdown
component for the Progress With Value
component for the Progress With Value Custom Label
component for the Progress With Value Dependencies
component for the Progress With Value Position
A prompt input with attachments, a model picker, and a stop state.
An animated quantity input for carts and forms with rolling digits, hold-to-repeat acceleration, and a boundary shake
Demo usage for the Quantity Stepper component
A message-quota banner with a live reset countdown.
Radar plots with filled or outline series, circle grids, and glow.
Full and semi-circle radial bars for share and progress.
A Slack-style emoji reaction row with popping chips, direction-aware rolling counts, and a staggered emoji-picker popover
Demo usage for the Reaction Bar component
An expandable chain-of-thought trace with a live thinking timer.
Plans printed as thermal receipts with torn edges, dotted leaders, and a rubber stamp.
An activity feed card that lists agent runs with duration and recency chips.
Demo usage for the Recent Activity component
A region popover with locale, currency, data residency and live local time.
A changelog list with version, kind and date on hairline rows.
component for the Responsive Modal
component for the Responsive Modal Dependencies
component for the Responsive Modal Side
A seat slider that prices a tier live, beside the link grid.
A scratch-to-reveal coupon card with an HTML5 canvas foil, dust particles on scratch, and a reveal callback at a configurable threshold
Demo usage for the Scratch Card component
Cream serif cards with a black featured card lit by a crimson glow.
Thirty days of per-service uptime bars with a rolling incident ticker.
A share trigger that fans out into copy-link and custom share actions with staggered springs, tooltips and full keyboard support
Demo usage for the Share Button component
component for the Sidebar Navbar