OpenBot
All plugins

21st

React UI component catalog

21st lets agents search a catalog of React UI components and add the chosen components to the project. Each user signs in to their own 21st account through the browser.

How to connect 21st to OpenBot

  1. Open 21st in OpenBot

    Press Open in OpenBot on this page, or find 21st in the app's Apps tab. Get the app first if it is not on this computer.

  2. Sign in

    Press Connect and finish the sign-in in your browser. OpenBot keeps the token on the computer that runs OpenBot. You can disconnect at any time.

  3. Give an agent a task

    Ask an agent for work that needs 21st, such as one of the example prompts below. The agent uses the plugin's tools to do it.

Example prompts3

  • 21stFind a pricing table component that fits this landing page.
  • 21stAdd a responsive navigation bar component to the header.
  • 21stShow three date picker components and compare their props.

Apps1

  • 21st

    UI component search and install, over 21st's MCP server with browser sign-in.

Information6

Developer
21st
Category
Coding
Version
1.0.0
Website
21st.dev
Privacy policy
21st.dev/privacy