Skip to content
Index736 resources
Spectrum UI

Spectrum UI

255 shadcn registry items, 62 component guides, 34 blocks and an MCP installer

Tier A · StrongRegistryComponent LibraryBlock Collectionui.spectrumhq.in

(Visit ui.spectrumhq.in ↗)(Docs)(Repository)(Registry)

Spectrum UI is an open-source React and Next.js component library built with TypeScript, Tailwind CSS, Motion, Radix and shadcn/ui. It is unrelated to Adobe Spectrum. Its registry contains 255 installable items. The documentation covers 62 component pages, while the block catalog adds 27 AI assistant blocks and 7 pricing blocks. A separate chart collection has 20 examples. Components install through the standard shadcn CLI under the @spectrumui namespace, or you can copy their source into your project. Each documentation page shows the source and dependency list. The optional @spectrumui/mcp package gives coding agents five tools to list, search, inspect and install components. It fetches the current registry and delegates installation to the shadcn CLI. Arihant Jain maintains the Apache-2.0 repository. It had 1,063 stars and 105 forks when checked, with a push on 7 September 2026.

Install
npx shadcn@latest add @spectrumui/accordion

For an agent

Use the standard shadcn command with the @spectrumui namespace. For example, run `npx shadcn@latest add @spectrumui/accordion`. Review the dependency list and generated diff before you keep an installed component. Connect the optional MCP server with `claude mcp add spectrum-ui -- npx -y @spectrumui/mcp` when an agent needs to browse the catalog. Its five tools can list categories, list or search components, return source and install through the shadcn CLI. Treat this as React and Next.js source, not a framework-neutral design system. It uses Tailwind, Motion and Radix primitives. It is unrelated to Adobe Spectrum. Use Apache-2.0 for the library. The repository LICENSE and llms.txt agree on that license, although the current brand-kit page says MIT. The separately published MCP package also reports MIT metadata.

Why it is here. It combines a broad shadcn registry with AI-interface blocks, machine-readable documentation and a working MCP installer. An agent can discover a component, inspect its source and add it without scraping a visual catalog.

Install command, framework, licence and component list.

Facts

License
Apache 2.0
Pricing
Free, Open source
Framework
React, Next.js
Styling
Tailwind CSS
Distribution
shadcn registry, CLI installer, Copy-paste snippet, GitHub repository, MCP server, npm package
Platform
Web
Content type
Code
Agent readiness
MCP server, Machine-readable registry item, CLI installable, Structured documentation, Readable open source, llms.txt, Copy-paste ready code
Accessibility
Built on accessible primitives, Accessible
Maturity
Actively maintained
Pricing detail
The public component library and registry are free under Apache-2.0. Installed component source becomes part of your own repository.
GitHub stars
1,063
Package
@spectrumui/mcp

Components it ships

255 total
AccordionAlertSwitchCardChartDrawerTextareaAvatar GroupSearch InputButtonCommand PaletteDate PickerSliderStatus IndicatorRatingTabsImageLightboxInfinite ScrollModalDialogKanban BoardKbdSpinnerLogin FormPrompt InputComboboxTag InputFormProgress StepperNotification CenterCount UpPassword InputDropdown MenuProgress BarNumber InputSkeletonBadgeCheckboxToastPayment FormTree ViewConversationMessageStreaming TextInline CitationSourcesReasoningTool CallApproval RequestModel SelectorContext MeterDiff ViewCode BlockEmpty StateSuggestionPricing TableComparison Table

Helps you build

11
AI Chat PanelChat Web AppAI Action ApprovalHomepagePricing WebsiteLogin Web AppCheckoutKanban BoardNotificationsSearch ResultsEmpty State

Notable for

  • 255 installable shadcn registry items
  • 27 AI assistant blocks and 7 pricing blocks
  • MCP server with five discovery and install tools
  • 62 component guides and 20 chart examples
  • Apache-2.0 source with llms.txt

Provenance

Verified 2026-09-09. HTTP 200. https://ui.spectrumhq.in/docs returned 200 and describes an open-source React component and block library built with React, Next.js, Tailwind CSS, Motion, TypeScript and shadcn/ui. It states that components are copied or installed with the shadcn CLI and that each documentation page lists source and dependencies. https://ui.spectrumhq.in/llms.txt returned text/plain and names the Apache-2.0 repository https://github.com/arihantcodes/spectrum-ui, maintainer Arihant Jain, 250+ blocks/components/variants, 50 card blocks, 53 button variants, 160+ component demos, 13 page blocks, 62 component documentation pages, 34 blocks split into 27 AI assistant and 7 pricing blocks, and 20 charts. https://ui.spectrumhq.in/r/registry.json returned a registry with 255 items. https://ui.spectrumhq.in/docs/mcp documents @spectrumui/mcp and five tools: list_components, search_components, get_component, list_categories and install_component. GitHub API for arihantcodes/spectrum-ui reported 1,063 stars, 105 forks, Apache-2.0, default branch main, not archived and a last push on 2026-09-07. The repository LICENSE contains Apache License 2.0. The npm package @spectrumui/mcp was version 0.1.1 and reported MIT metadata when checked. The current brand-kit page says MIT, which conflicts with the repository LICENSE and llms.txt. The project explicitly states that Spectrum UI is not affiliated with Adobe Spectrum.

Also in Component Libraries

6
ui.spectrumhq.inTier A