21st.dev plugin for Codex

Name: 21st.dev
Author: 21st.dev

CommunityPluginDeveloper Tools

Find UI components and themes, retrieve their code, and use hosted 21st AI when enabled.

How to install 21st.dev in Codex

1. Add the repo as a Codex plugin marketplace:

codex plugin marketplace add 21st-dev/magic-mcp

2. Install the plugin from it:

codex plugin add 21st@21st-dev

This repo ships a Codex marketplace file (.agents/plugins/marketplace.json). The first command adds it as a marketplace (Codex CLI reference); the second installs the plugin '21st'. '21st-dev' is the marketplace name from that file. Check the repo README too. Command format: Codex CLI reference.

What it contains

Plugins in this marketplace (1)

21st — Find UI components and themes, retrieve their code, and use hosted 21st AI when enabled.

About this listing

21st.dev is a community plugin on GitHub by 21st-dev. Its README documents a Codex install and the repo ships a Codex plugin manifest. It passed the CodexStacks quality filter for repos found this way (at least 500 stars, pushed in the last 90 days, not a fork or a list). OpenAI hasn't reviewed it and we haven't tested it. From its files we found 1 plugin. The manifest says version 1.0.1. It's one of 160 listings in the Developer Tools category (category assigned by CodexStacks from the repo's topics and description). It also appears in best Codex plugins for design and UI.

21st.dev FAQ

How do I install 21st.dev in Codex?

Add the repo as a Codex plugin marketplace with codex plugin marketplace add 21st-dev/magic-mcp, then install it with codex plugin add 21st@21st-dev. Commands: the command format from the Codex CLI reference; check the repo README too.

Is 21st.dev an official Codex plugin?

No. 21st.dev is a community repo on GitHub by 21st-dev. It passed the CodexStacks quality filter, but OpenAI hasn't reviewed it and we haven't tested it, so read the code before you install it.

What does 21st.dev include?

From its manifest and repo files, 21st.dev includes 1 plugin: 21st.

Details

Type: Plugin
Category: Developer Tools (assigned by us)
Source: Community
Author: 21st.dev
Version: 1.0.1
License: ISC
GitHub stars: 6,059 (at last sync)
Last push: 2026-09-09
Manifest: .agents/plugins/marketplace.json
GitHub topics: 21st, claude, cursor, mcp, model-context-protocol, react, tailwindcss, ui-components
Source: https://github.com/21st-dev/magic-mcp
Website: https://21st.dev/mcp
Listed via: GitHub search: README documents a Codex install
Tested by CodexStacks: Not yet

Something wrong or missing? Submit or improve this listing. Listings also refresh automatically every night.

For maintainers: badge and embeds

Maintain 21st.dev? Add the badge; it links to this page.

Markdown

[![Listed on CodexStacks](https://codexstacks.com/badge.svg)](https://codexstacks.com/p/magic-mcp/)

HTML

<a href="https://codexstacks.com/p/magic-mcp/"><img src="https://codexstacks.com/badge.svg" alt="Listed on CodexStacks" width="172" height="28"></a>

Embed card (static HTML and inline CSS, no JavaScript). Preview:

21st.devCommunity Codex plugin · 1 pluginFind UI components and themes, retrieve their code, and use hosted 21st AI when enabled.View on CodexStacks →

<a href="https://codexstacks.com/p/magic-mcp/" style="display:block;max-width:380px;box-sizing:border-box;padding:14px 16px;border:1px solid #3a2c26;border-radius:12px;background:#0d0b0a;color:#f3ece6;font:14px/1.45 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;text-decoration:none"><span style="display:block;font-size:16px;font-weight:700;color:#f3ece6">21st.dev</span><span style="display:block;margin:2px 0 8px;font-size:12px;color:#b5a9a1">Community Codex plugin · 1 plugin</span><span style="display:block;margin:0 0 10px;color:#ddd3cc">Find UI components and themes, retrieve their code, and use hosted 21st AI when enabled.</span><span style="font-size:12px;font-weight:600;color:#ffb347">View on CodexStacks →</span></a>

Markdown summary

**[21st.dev on CodexStacks](https://codexstacks.com/p/magic-mcp/)**: Community Codex plugin with 1 plugin.

More on badges, embeds and keeping your listing up to date: CodexStacks for plugin authors.