Tool tree

21st.dev

Developer Tools

12,000+ hand-crafted React and Tailwind CSS components, templates, and shadcn themes by real design engineers. Preview live, install with one command — for you and your AI agent.

get_21st_agent_setupAnswer

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.

View tool JSON

{
  "name": "get_21st_agent_setup",
  "kind": "answer",
  "impl": "imperative",
  "description": "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.",
  "inputSchema": {
    "type": "object",
    "properties": {}
  }
}

read_21st_page_markdownAnswer

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 current blog guide (/blog/slug), or /pricing, /mcp, /ai, /changelog. Defaults to the current page.

View tool JSON

{
  "name": "read_21st_page_markdown",
  "kind": "answer",
  "impl": "imperative",
  "description": "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 current blog guide (/blog/slug), or /pricing, /mcp, /ai, /changelog. Defaults to the current page.",
  "inputSchema": {
    "type": "object",
    "properties": {
      "path": {
        "type": "string",
        "description": "Site-relative path starting with '/'. Omit for the current page."
      }
    }
  }
}

search_21st_componentsAction

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'.

View tool JSON

{
  "name": "search_21st_components",
  "kind": "act",
  "impl": "imperative",
  "description": "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'.",
  "inputSchema": {
    "type": "object",
    "properties": {
      "query": {
        "type": "string",
        "description": "What to search for, in plain words."
      }
    },
    "required": [
      "query"
    ]
  }
}

Rescan 21st.dev