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. observed · 2026-09-03
Health v2 · maintenance only
67/100
- Activity 100
- Release rhythm 35
- Longevity 48
Flags: no_releases
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 683
- days_rel: n/a
- days_push: 0
- n_releases_24m: 0
Adoption not part of the score
1027 stars · 103 forks observed · 2026-09-03
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded
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
library · maturity active
ui-components animation frontend-framework mcp cli web-development frontend web-design developer-tools shadcn-ui tailwind-css copy-paste-components aceternity-ui magic-ui nextjs component-registry framer-motion saas-ui web-server nodejs typescript react
10 sources
- readme: https://github.com/arihantcodes/spectrum-ui · fetched 2026-09-03 · c504a179a75f
- homepage: https://ui.spectrumhq.in · fetched 2026-08-29 · e973ebf5ba69
- site_page: https://ui.spectrumhq.in/docs · fetched 2026-08-29 · f57bb56d6dd9
- site_page: https://ui.spectrumhq.in/docs/mcp · fetched 2026-08-29 · 593a25d5101a
- site_page: https://ui.spectrumhq.in/docs/accordion · fetched 2026-08-29 · a2c5b0100c43
- site_page: https://ui.spectrumhq.in/docs/alert · fetched 2026-08-29 · 461ec7e72b05
- site_page: https://ui.spectrumhq.in/docs/animated-switch · fetched 2026-08-29 · c2513b6672eb
- site_page: https://ui.spectrumhq.in/docs/animatedcard · fetched 2026-08-29 · 84eda1953235
- site_page: https://ui.spectrumhq.in/docs/animatedchart · fetched 2026-08-29 · 84605f8c599f
- site_page: https://ui.spectrumhq.in/docs/animateddrawer · fetched 2026-08-29 · 35c615c73cfd
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| arihantcodes/spectrum-ui | main | 67 |
For agents
markdown · JSON · MCP: product_card(name="arihantcodes/spectrum-ui")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem