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.
Type-to-filter across every footer link, with arrow-key navigation.
component for the Loading Button As Child
component for the Loading Button Demo
component for the Loading Button Dependencies
component for the Loading Button Usage
A pixel-grid loader with a shimmering label and live elapsed timer.
component for the Login Card
A customer logo wall — marquee or plotted grid — over stats and link columns.
A trading-desk chart in pure SVG: OHLC candles, a volume pane, a snapping crosshair with axis-pinned price and time, a range selector that morphs the series, and a live tape.
A squarified treemap sized by market cap and coloured on a diverging change ramp — the market map.
A price watchlist with ticker tiles, signed 24h changes and seven-day inline sparklines.
A five-column sitemap with region and language selectors and mobile accordions.
What the assistant remembers, as removable chips.
Per-message controls — copy, regenerate, and thumb feedback.
A pill button framed by a real-time WebGL liquid-metal ring, in chromatic, silver and gold presets.
Demo usage for the Metal Button component
An AI prompt bar with a live liquid-metal send button that reflects onto the chips beside it.
Demo usage for the Metal Prompt Bar component
A single-line footer with hover-expanding link clusters, status and socials.
A model picker as a radio list or segmented control, with badges and disabled states.
A multi-state async action button that morphs between idle, loading, success and error with an arc spinner, drawn-in check, tight error shake and auto-reset
Demo usage for the Morph Button component
component for the Multiple Selector Command Props
component for the Multiple Selector Controlled
component for the Multiple Selector Creatable
component for the Multiple Selector Demo
component for the Multiple Selector Dependencies
component for the Multiple Selector Disabled
component for the Multiple Selector Fixed Option
component for the Multiple Selector Hide Clear All
component for the Multiple Selector Manually Controlled
component for the Multiple Selector Max Selected
component for the Multiple Selector Max Text Length
component for the Multiple Selector No Default Select
component for the Multiple Selector No Placeholder When Selected
component for the Multiple Selector Ref
component for the Multiple Selector With Async Search
component for the Multiple Selector With Async Search And Creatable
component for the Multiple Selector With Async Search And Creatable And Group
component for the Multiple Selector With Async Search And OnFocus
component for the Multiple Selector With Disable Options
component for the Multiple Selector With Form
component for the Multiple Selector With Group
component for the Multiple Selector With Sync Search And Creatable And Group
component for the Multiple Step Form Demo
component for the Navbar Demo
A compact navigation card that lists links with icons, with a spring slide on hover.
Demo usage for the Nav List Card component