# arihantcodes/spectrum-ui

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.

Repository: https://github.com/arihantcodes/spectrum-ui
Canonical: https://ross.abutalabs.com/products/spectrum-ui
Homepage: https://ui.spectrumhq.in
Language: TypeScript
License: Apache-2.0
License Family: permissive
Last push: 2026-09-02T18:00:56+00:00

## Health v2 (maintenance only)
Score: 67/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 100, release rhythm 35, longevity 48
- inputs: {"age_days": 683, "days_push": 0, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1027, forks 103 (observed 2026-09-03T02:15:09.284873+00:00)

## What it is
Spectrum UI is an open-source collection of 250+ animated, copy-paste React components, blocks, and templates built on shadcn/ui, Tailwind CSS, Motion, and TypeScript. Components can be installed via the shadcn CLI, copied from docs, or added through an MCP server that lets AI editors like Cursor and Claude Code browse and install them.

## Use cases
- add animated ui components to a react app
- build a saas landing page with hero and pricing sections
- find copy-paste shadcn ui components with animations
- install ui components from an ai editor via mcp
- build an admin dashboard with react components
- add animated forms cards and drawers to next.js
- browse a tailwind component library with live previews

## When to choose
- you use React, Next.js, and Tailwind CSS and want editable component source in your repo
- you want animated components installable via shadcn CLI or AI assistants
- you need landing page blocks, dashboards, or templates you can lift wholesale

## When to avoid
- you use Vue, Svelte, or non-React frameworks
- you need a traditional npm package with versioned APIs rather than copied source
- you require guaranteed accessibility features like reduced-motion support out of the box

## Facets
- artifact type: library
- maturity: active
- function: ui-components, animation, frontend-framework, mcp, cli
- domain: web-development, frontend, web-design, developer-tools
- platform: -
- tags: shadcn-ui, tailwind-css, copy-paste-components, aceternity-ui, magic-ui, nextjs, component-registry, framer-motion, saas-ui, web-server, nodejs, typescript, react

## Member repositories
- arihantcodes/spectrum-ui (main) score 67

## Provenance
- Observed fields: from GitHub, fetched 2026-09-03T02:15:09.284873+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T07:08:02.396750+00:00, confidence not recorded.
  - readme: https://github.com/arihantcodes/spectrum-ui (fetched 2026-09-03T02:15:09.284873+00:00, sha c504a179a75f)
  - homepage: https://ui.spectrumhq.in (fetched 2026-08-29T13:08:29.000717+00:00, sha e973ebf5ba69)
  - site_page: https://ui.spectrumhq.in/docs (fetched 2026-08-29T13:08:29.009911+00:00, sha f57bb56d6dd9)
  - site_page: https://ui.spectrumhq.in/docs/mcp (fetched 2026-08-29T13:08:29.011878+00:00, sha 593a25d5101a)
  - site_page: https://ui.spectrumhq.in/docs/accordion (fetched 2026-08-29T13:08:29.013797+00:00, sha a2c5b0100c43)
  - site_page: https://ui.spectrumhq.in/docs/alert (fetched 2026-08-29T13:08:29.015689+00:00, sha 461ec7e72b05)
  - site_page: https://ui.spectrumhq.in/docs/animated-switch (fetched 2026-08-29T13:08:29.018092+00:00, sha c2513b6672eb)
  - site_page: https://ui.spectrumhq.in/docs/animatedcard (fetched 2026-08-29T13:08:29.020550+00:00, sha 84eda1953235)
  - site_page: https://ui.spectrumhq.in/docs/animatedchart (fetched 2026-08-29T13:08:29.022507+00:00, sha 84605f8c599f)
  - site_page: https://ui.spectrumhq.in/docs/animateddrawer (fetched 2026-08-29T13:08:29.024358+00:00, sha 35c615c73cfd)
- Data as of 2026-08-30T08:39:29.467469+00:00.