spectrumui
ui.spectrumhq.inFreemanifest served live
Spectrum UI ⭐ is a collection of re-usable components built using Aceternity UI Magic UI and ShadCN UI that you can copy and paste into your apps.
Items
182
2026-08-03Every entry in its own registry.json, counted last night.Free to install
182
2026-08-03Item endpoints that returned source without credentials.Behind a key
0
2026-08-03Item endpoints that answered 401.Last push
2 days ago
1,014 stars. Both figures are GitHub's about this repository, not ones this index measured.Components
Search withinFreeits item endpoint answered without a keyPaidits item endpoint answered 401Unverifiedit serves no item endpoint we could ask
| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Accordionaccordion | component for the Accordion | Components | Free | no deps | |
| Alert demoalert-1 | component for the alert-demo | Components | Free | 1 dep | |
| Alert 2alert-2 | component for the alert-2 | Components | Free | no deps | |
| Alert 3alert-3 | component for the alert-3 | Components | Free | 1 dep | |
| Alert 4alert-4 | component for the alert-4 | Components | Free | 1 dep | |
| Animated Cardanimated-card | component for the Animated Card | Components | Free | 1 dep · 2 files | |
| Animated Draweranimated-drawer | component for the Animated Drawer | Components | Free | 4 deps | |
| Animated SVG Chartanimated-SVG-chart | component for the Animated SVG Chart | Components | Free | 1 dep | |
| Animated Switchanimated-switch | An iOS-quality animated toggle switch with a press-to-stretch knob, drag-to-toggle with flick support, and optional crossfading knob icons | Components | Free | 1 dep | |
| Animated Switch Demoanimated-switch-demo | Demo usage for the Animated Switch component | Components | Free | no deps | |
| Animated Testimonialsanimated-testimonials | component for the Animated Testimonials | Components | Free | 1 dep | |
| Animated Wave Footeranimated-wave-footer | component for the Animated Wave Footer | Components | Free | 1 dep | |
| Autosize Textarea Customizeautosize-textarea-customize | component for the Autosize Textarea Customize | Components | Free | no deps | |
| Autosize Textarea Demoautosize-textarea-demo | component for the Autosize Textarea | Components | Free | no deps | |
| Autosize Textarea Dependenciesautosize-textarea-dependecies | component for the Autosize Textarea Dependencies | Components | Free | no deps | |
| Autosize Textarea Formautosize-textarea-form | component for the Autosize Textarea Form | Components | Free | no deps | |
| Autosize Textarea Max Heightautosize-textarea-max-height | component for the Autosize Textarea Max Height | Components | Free | no deps | |
| Autosize Textarea Refautosize-textarea-ref | component for the Autosize Textarea Ref | Components | Free | no deps | |
| Avatar Stackavatar-stack | An overlapping avatar stack that fans apart on hover, springs name tooltips over each face and expands hidden members from a +N pill with a stagger | Components | Free | 1 dep | |
| Avatar Stack Demoavatar-stack-demo | Demo usage for the Avatar Stack component | Components | Free | no deps | |
| Bento Gridbento-grid | A premium interactive Bento Grid component | Components | Free | 2 deps · 4 files | |
| Circular Navbarcircular-navbar | component for the Circular Navbar | Components | Free | 1 dep | |
| Command Palettecommand-palette | A fully customizable, smooth-animated Command Palette (Cmd+K) component | Components | Free | 3 deps | |
| Command Palette Democommand-palette-demo | Demo usage for the Command Palette component | Components | Free | no deps | |
| Progress With Value Custom Labelcustom-label | component for the Progress With Value Custom Label | Components | Free | no deps | |
| Datetime Picker and Time Inputdatetime-picker-and-time-input | component for the Datetime Picker and Time Input | Components | Free | no deps | |
| Datetime Picker Calendar Settingsdatetime-picker-calendar-settings | component for the Datetime Picker Calendar Settings | Components | Free | no deps | |
| Datetime Picker Demodatetime-picker-demo | component for the Datetime Picker Demo | Components | Free | no deps | |
| Datetime Picker Disableddatetime-picker-disabled | component for the Datetime Picker Disabled | Components | Free | no deps | |
| Datetime Picker Display Formatdatetime-picker-display-format | component for the Datetime Picker Display Format | Components | Free | no deps | |
| Datetime Picker Formdatetime-picker-form | component for the Datetime Picker Form | Components | Free | no deps | |
| Datetime Picker Granularitydatetime-picker-granularity | component for the Datetime Picker Granularity | Components | Free | no deps | |
| Datetime Picker Hourdatetime-picker-hour-cycle | component for the Datetime Picker Hour | Components | Free | no deps | |
| Datetime Picker Localedatetime-picker-locale | component for the Datetime Picker Locale | Components | Free | no deps | |
| Datetime Picker Placeholderdatetime-picker-placeholder | component for the Datetime Picker Placeholder | Components | Free | no deps | |
| Datetime Picker Refdatetime-picker-ref | component for the Datetime Picker Ref | Components | Free | no deps | |
| Datetime Year Rangedatetime-picker-year-range | component for the Datetime Year Range | Components | Free | no deps | |
| Disclose Imagedisclose-image | An image reveal component with animated sliding door panels. | Components | Free | no deps | |
| Dockdock | A premium macOS-Style Animated Dock Menu component | Components | Free | 2 deps | |
| Dock Demodock-demo | Demo usage for the macOS-Style Animated Dock Menu component | Components | Free | 1 dep | |
| Dock Glassdock-glass | Glassmorphism variant demo for the macOS-Style Animated Dock Menu component | Components | Free | 1 dep | |
| Dual Range Slider Custom Labeldual-range-slider-custom-label | component for the Dual Range Slider Custom Label | Components | Free | no deps | |
| Dual Range Slider Demodual-range-slider-demo | component for the Dual Range Slider Demo | Components | Free | no deps | |
| Dual Range Slider Dependenciesdual-range-slider-dependecies | component for the Dual Range Slider Dependencies | Components | Free | 1 dep | |
| Dual Range Slider Label Positiondual-range-slider-label-position | component for the Dual Range Slider Label Position | Components | Free | no deps | |
| Dual Range Slider Singledual-range-slider-single | component for the Dual Range Slider Single | Components | Free | no deps | |
| Event Badge 3Devent-badge-3d | component for the Event Badge 3D | Components | Free | 5 deps | |
| Event Calendarevent-calendar | component for the Event Calendar | Components | Free | 3 deps |
Blocks
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Agent Planagent-plan | An editable plan checklist the agent proposes before running. | Blocks | Free | 1 dep | |
| Agent Stepsagent-steps | A timeline of tool calls with status, arguments, results, and parallel sub-steps. | Blocks | Free | 1 dep · 2 files | |
| Approval Cardapproval-card | A human-in-the-loop approval for an action an agent wants to take. | Blocks | Free | 1 dep | |
| Chat Empty Statechat-empty-state | A first-run greeting with staggered suggestion chips. | Blocks | Free | 1 dep · 2 files | |
| Citation Sourcescitation-sources | Inline citation markers with hover previews or a footnote list. | Blocks | Free | no deps · 2 files | |
| Code Blockcode-block | An AI code block with a file header, copy, and line collapse. | Blocks | Free | 1 dep | |
| Conversation Listconversation-list | A date-grouped conversation sidebar with pinning. | Blocks | Free | 1 dep | |
| Diff Viewdiff-view | Proposed file changes with per-file accept and reject. | Blocks | Free | 1 dep | |
| Error Stateerror-state | A failed-generation state with a preserved prompt and retry. | Blocks | Free | 1 dep | |
| Inline Editinline-edit | A selection-anchored AI edit: suggestion toolbar, word diff, accept or reject. | Blocks | Free | 1 dep | |
| Insight Cardsinsight-cards | Metric cards with spark bars, trend deltas, and an AI note. | Blocks | Free | 1 dep | |
| Loading Stateloading-state | A pixel-grid loader with a shimmering label and live elapsed timer. | Blocks | Free | no deps | |
| Memory Chipsmemory-chips | What the assistant remembers, as removable chips. | Blocks | Free | 1 dep | |
| Message Actionsmessage-actions | Per-message controls — copy, regenerate, and thumb feedback. | Blocks | Free | 1 dep · 2 files | |
| Model Selectormodel-selector | A model picker as a radio list or segmented control, with badges and disabled states. | Blocks | Free | no deps · 2 files | |
| Prompt Composerprompt-composer | A prompt input with attachments, a model picker, and a stop state. | Blocks | Free | 1 dep · 2 files | |
| Quota Bannerquota-banner | A message-quota banner with a live reset countdown. | Blocks | Free | 1 dep | |
| Reasoning Tracereasoning-trace | An expandable chain-of-thought trace with a live thinking timer. | Blocks | Free | 1 dep · 2 files | |
| Status Trackerstatus-tracker | A staged progress tracker for long-running AI jobs. | Blocks | Free | 1 dep | |
| Streaming Textstreaming-text | A streamed answer with inline citations, sources, and follow-ups. | Blocks | Free | 1 dep · 2 files | |
| Suggestion Bannersuggestion-banner | An inline AI suggestion with apply and dismiss. | Blocks | Free | 1 dep | |
| Task Rowstask-rows | Live agent task rows with status badges and expandable notes. | Blocks | Free | 1 dep | |
| Thinking Dotsthinking-dots | A minimal typing indicator — bouncing dots or a sliding bar. | Blocks | Free | no deps | |
| Tool Chipstool-chips | Compact tool-call chips that expand into their arguments and result. | Blocks | Free | no deps · 2 files | |
| Usage Meterusage-meter | A context-window meter with token counts and estimated cost. | Blocks | Free | no deps · 2 files | |
| Voice Inputvoice-input | A voice recorder pill with animated level bars and a live timer. | Blocks | Free | 1 dep | |
| Web Searchweb-search | Agent search results with a live reading indicator. | Blocks | Free | 1 dep |
