# serafimcloud/21st

npm for design engineers: largest marketplace of shadcn/ui-based React Tailwind components, blocks and hooks

Repository: https://github.com/serafimcloud/21st
Canonical: https://ross.abutalabs.com/products/21st
Homepage: https://21st.dev
Language: TypeScript
License: MIT
License Family: permissive
Topics: react, shadcn-ui, tailwindcss, ui-components, nextjs, shadcn, ui, ui-library
Last push: 2025-05-28T15:55:24+00:00

## Health v2 (maintenance only)
Score: 33/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 23, release rhythm 35, longevity 50
- inputs: {"age_days": 702, "days_push": 462, "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 5423, forks 313 (observed 2026-08-28T04:09:17.928131+00:00)

## What it is
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
- artifact type: library
- maturity: active
- function: ui-components, frontend-framework, css-framework, package-manager, mcp
- domain: web-development, frontend, web-design, developer-tools
- platform: browser
- tags: shadcn-ui, tailwindcss, react-components, component-registry, component-marketplace, design-engineering, radix-ui, copy-paste-components, ai-code-generation, web, nodejs, typescript

## Member repositories
- serafimcloud/21st (main) score 33

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:09:17.928131+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-29T17:56:55.875167+00:00, confidence not recorded.
  - readme: https://github.com/serafimcloud/21st (fetched 2026-08-28T04:09:17.928131+00:00, sha 8e32b1ece8dc)
  - homepage: https://21st.dev (fetched 2026-08-29T08:52:25.374895+00:00, sha 0ba97f555446)
  - site_page: https://21st.dev/pricing (fetched 2026-08-29T08:52:25.384269+00:00, sha 8a135241b038)
- Data as of 2026-08-30T08:39:29.467469+00:00.