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.
component for the Multiple Step Form Demo
component for the Navbar Demo
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
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.
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
Pie and donut charts with padded sectors, labels, and optional sector glow.
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.
component for the Responsive Modal
component for the Responsive Modal Dependencies
component for the Responsive Modal Side
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.
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
component for the Skeleton
component for the Skeleton Card
component for the Skeleton Card
Compact inline price marks for watchlists, token tables, and portfolio rows.
component for the Spinner Demo
component for the Spinner Size
component for the Spinner Toggle
component for the Spinner With Text
component for the Stacked Circular Footer
An animated star rating input with hover-preview wave, pop and sparkle burst on commit, rolling value label, and fractional read-only display
Demo usage for the Star Rating component