BROWSER USE

- Browser Use Agents: give Browser Use a task and receive completed work. API V4 is current for new integrations.
- Browser Infrastructure: connect your agent or automation to managed browsers through SDK, REST, or CDP. Starts at $0.02/browser-hour.
- Developer tools: Open Source, Browser Harness, SDK, and MCP support the two products above.

[Developer Index](https://browser-use.com/index.md)
[Product Map](https://browser-use.com/llms.txt)
[Full Product Context](https://browser-use.com/llms-full.txt)
[Pricing](https://browser-use.com/pricing.md)
[Cloud Docs](https://docs.browser-use.com/cloud/quickstart)
[Open Source Docs](https://docs.browser-use.com/open-source/introduction)

---

# 21st: 3 WebMCP tools for AI agents

![](https://www.google.com/s2/favicons?domain=21st.dev&sz=96)

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](https://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_setup`read-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_markdown`read-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_components`read-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](https://developer.chrome.com/docs/ai/webmcp). [How we found it](https://browser-use.com/webmcp#method).

## More developer tools sites

-   [![](https://www.google.com/s2/favicons?domain=falixnodes.net&sz=64)Falix5 tools · falixnodes.net](https://browser-use.com/webmcp/falixnodes.net)
-   [![](https://www.google.com/s2/favicons?domain=forwardemail.net&sz=64)Forward Email7 tools · forwardemail.net](https://browser-use.com/webmcp/forwardemail.net)
-   [![](https://www.google.com/s2/favicons?domain=capgo.app&sz=64)Capgo4 tools · capgo.app](https://browser-use.com/webmcp/capgo.app)
-   [![](https://www.google.com/s2/favicons?domain=img.ly&sz=64)IMG.LY4 tools · img.ly](https://browser-use.com/webmcp/img.ly)
-   [![](https://www.google.com/s2/favicons?domain=superset.sh&sz=64)Superset3 tools · superset.sh](https://browser-use.com/webmcp/superset.sh)
-   [![](https://www.google.com/s2/favicons?domain=ngrok.com&sz=64)ngrok7 tools · ngrok.com](https://browser-use.com/webmcp/ngrok.com)

[All 1,393 developer tools sites →](https://browser-use.com/webmcp/developer-tools)