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.
Price, RSI and MACD stacked on one time axis with a single crosshair that reports all three panes at once.
component for the Infinite Scroll Demo
component for the Infinite Scroll Dependencies
component for the Inline Code
A selection-anchored AI edit: suggestion toolbar, word diff, accept or reject.
component for the Input Model Demo
Metric cards with spark bars, trend deltas, and an AI note.
component for the Kanban Board
A 3D keycap that physically depresses when the real key is pressed, with combo shortcuts that pulse and fire when every key is held at once
Demo usage for the Kbd Key component
A heart like button micro-interaction with a spring pop, ring pulse, radial particle burst, and a rolling odometer count
Demo usage for the Like Button component
Multi-series lines with solid, dashed, bump, step, gradient, and glow strokes.
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 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.
What the assistant remembers, as removable chips.
Per-message controls — copy, regenerate, and thumb feedback.
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