# xxtomm/spell-ui

A large collection of high-quality React components that you can copy and paste into any project.

Repository: https://github.com/xxtomm/spell-ui
Canonical: https://ross.abutalabs.com/products/spell-ui
Homepage: https://spell.sh
Language: TypeScript
License: MIT
License Family: permissive
Topics: components, motion, nextjs, react, shadcn-ui, tailwindcss, typescript, ui
Last push: 2026-08-14T02:22:38+00:00

## Health v2 (maintenance only)
Score: 60/100 (v2, computed 2026-09-03T02:39:23.370411+00:00)
- activity 97, release rhythm 35, longevity 20
- inputs: {"age_days": 287, "days_push": 20, "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 1056, forks 35 (observed 2026-08-28T04:03:24.513550+00:00)

## What it is
Spell UI is a curated collection of high-quality, copy-paste React components built with Tailwind CSS and TypeScript, installable via the shadcn CLI. It offers animated text effects, buttons, inputs, charts, and decorative components like WebGL light rays and 3D perspective books for modern web interfaces.

## Use cases
- add animated text effects to a react landing page
- copy-paste ui components into a nextjs project
- find tailwind css components with motion animations
- build a polished marketing landing page with react
- add a webgl light rays background effect
- install shadcn-style components via cli

## When to choose
- you use React with Tailwind CSS and want copy-ready components you fully own
- you need eye-catching animations and effects for landing pages or marketing sites
- you want shadcn CLI-compatible components installable per-component

## When to avoid
- you need a full component library with a bundled npm package and versioned releases
- your project does not use React or Tailwind CSS
- you need accessible, enterprise-grade form and data components rather than decorative UI

## Facets
- artifact type: library
- maturity: active
- function: ui-components, animation, frontend-framework, css-framework
- domain: web-development, frontend, web-design
- platform: -
- tags: copy-paste-components, shadcn-ui, tailwind-css, react-components, motion-animations, design-engineering, landing-page-components, react, typescript, nextjs, tailwindcss, web

## Member repositories
- xxtomm/spell-ui (main) score 60

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:03:24.513550+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-30T06:58:25.787116+00:00, confidence not recorded.
  - readme: https://github.com/xxtomm/spell-ui (fetched 2026-08-28T04:03:24.513550+00:00, sha fc1952a58e45)
  - homepage: https://spell.sh (fetched 2026-08-29T13:00:09.540348+00:00, sha b2c58c9e03d9)
  - site_page: https://spell.sh/docs/introduction (fetched 2026-08-29T13:00:09.549136+00:00, sha c25b5ff29922)
  - site_page: https://spell.sh/docs/components (fetched 2026-08-29T13:00:09.550998+00:00, sha c52394fd5ed6)
  - site_page: https://spell.sh/docs/perspective-book (fetched 2026-08-29T13:00:09.552606+00:00, sha 902693cae4a3)
  - site_page: https://spell.sh/docs/light-rays (fetched 2026-08-29T13:00:09.554117+00:00, sha 742657482a55)
  - site_page: https://spell.sh/docs/exploding-input (fetched 2026-08-29T13:00:09.555589+00:00, sha 12743f2425aa)
  - site_page: https://spell.sh/docs/spotify-card (fetched 2026-08-29T13:00:09.557153+00:00, sha d8dc5a308726)
  - site_page: https://spell.sh/docs/pop-button (fetched 2026-08-29T13:00:09.559006+00:00, sha 46d528f5d52f)
  - site_page: https://spell.sh/docs/signature (fetched 2026-08-29T13:00:09.560722+00:00, sha bc527a2444e5)
- Data as of 2026-08-30T08:39:29.467469+00:00.