serafimcloud/21st
Some data may be outdated — see provenance labels.
npm for design engineers: largest marketplace of shadcn/ui-based React Tailwind components, blocks and hooks observed · 2026-09-28
Health v2 · maintenance only
30/100
- Activity 15
- Release rhythm 35
- Longevity 53
Flags: no_releases
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-10-21. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 750
- days_rel: n/a
- days_push: 510
- n_releases_24m: 0
Adoption not part of the score
5477 stars · 324 forks observed · 2026-09-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
21st.dev is an open-source community registry and marketplace of React UI components built with Tailwind CSS and Radix UI, following shadcn/ui conventions. Components are published, discovered, and installed as copyable source code via npx shadcn or AI coding tools, with MCP support for component code retrieval.
Use cases
- find react tailwind components for my app
- install shadcn-style ui components with npx
- publish my react component to a community registry
- get ui component code into claude code or cursor via mcp
- browse hero sections and marketing blocks for a landing page
- find animated react components with demos
When to choose
- you build React apps with Tailwind CSS and want modern, copy-paste components
- you want a shadcn/ui-compatible registry with a large community catalog
- you want component source code you fully own and can edit
- you use AI coding tools and want components delivered as prompts or via MCP
When to avoid
- you need framework-agnostic or non-React components
- you prefer traditional npm packages with versioned dependencies rather than copied source
- your project doesn't use Tailwind CSS or Radix UI conventions
- you need guaranteed long-term maintenance of every component, since quality varies by community author
Facets
library · maturity active
ui-components frontend-framework css-framework package-manager mcp web-development frontend web-design developer-tools browser shadcn-ui tailwindcss react-components component-registry component-marketplace design-engineering radix-ui copy-paste-components ai-code-generation web nodejs typescript
3 sources
- readme: https://github.com/serafimcloud/21st · fetched 2026-09-28 · 8e32b1ece8dc
- homepage: https://21st.dev · fetched 2026-08-29 · 0ba97f555446
- site_page: https://21st.dev/pricing · fetched 2026-08-29 · 8a135241b038
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| serafimcloud/21st | main | 30 |
For agents
markdown · JSON · MCP: product_card(name="serafimcloud/21st")
Data as of 2026-10-19T08:05:51.212177+00:00 · Report a problem