Developer tools · 21st.dev

21st

Catalog of React and Tailwind components and templates. Agents can search components, read pages as markdown and get MCP setup steps.

Open 21st.dev

Ask an agent to

Find a shadcn pricing table component on 21st
Read a 21st component page as markdown
Show how to connect Claude Code to the 21st MCP server

3 tools

get_21st_agent_setupread-only
How a coding agent connects to 21st: the MCP server endpoint, the one-line CLI setup for Cursor, Claude Code, Codex, VS Code or Devin, where API keys come from, and the machine-readable discovery documents.
read_21st_page_markdownread-onlyuntrusted content
Read a supported 21st.dev page as lightweight markdown instead of HTML: a component (/@author/components/slug), an author (/@author), a library (/@owner/library/slug), a category (/community/components/s/tag), a…
path: string?
search_21st_componentsread-only
Search the 21st.dev catalog of React and Tailwind CSS components, templates and themes and open the results page in this tab. Use for queries like 'animated hero section' or 'pricing table shadcn'.
query: string

Tools: 3
Registered with: JavaScript
Tranco rank: #60,201
Re-checked: Oct 24, 2026

Tool names and descriptions are what 21st.dev/ registered when we loaded it in Chrome 154 on Browser Use Cloud. The summary and the “ask an agent” lines are AI-written from them. To call the tools yourself, see Chrome’s WebMCP docs. How we found it.

More developer tools sites

All 1,393 developer tools sites →