English Français العربية

21st.dev

Registre officiel Outils de développement

Find UI components and themes, retrieve code, and generate with hosted 21st AI when enabled.

Site web

Installation

Ajoutez ceci à la configuration MCP de votre client (Claude Desktop : claude_desktop_config.json ; Cursor : .cursor/mcp.json ; VS Code et les autres utilisent la même forme « mcpServers »).

Remote (streamable-http)
Claude Code 
claude mcp add --transport http 21st-dev 'https://21st.dev/api/mcp' --header 'x-api-key: <Your 21st.dev API key from https://21st.dev/settings/api-keys. Authentication is required for discovery and tool calls. Generation tools are listed only when the account has hosted AI access.>'
Configuration JSON (Claude Desktop, Cursor, VS Code) 
{
    "mcpServers": {
        "21st-dev": {
            "type": "http",
            "url": "https://21st.dev/api/mcp",
            "headers": {
                "x-api-key": "<Your 21st.dev API key from https://21st.dev/settings/api-keys. Authentication is required for discovery and tool calls. Generation tools are listed only when the account has hosted AI access.>"
            }
        }
    }
}

Questions fréquentes

Qu'est-ce que 21st.dev ?

Find UI components and themes, retrieve code, and generate with hosted 21st AI when enabled.

Comment installer 21st.dev ?

Il fonctionne comme serveur distant. Dans Claude Code : claude mcp add --transport http 21st-dev 'https://21st.dev/api/mcp' --header 'x-api-key: <Your 21st.dev API key from https://21st.dev/settings/api-keys. Authentication is required for discovery and tool calls. Generation tools are listed only when the account has hosted AI access.>'. Pour les autres clients, collez la configuration JSON de cette page dans leurs réglages MCP.

Faut-il une clé API pour 21st.dev ?

Oui. Il attend x-api-key, à renseigner dans sa configuration.

Qui maintient 21st.dev ?

Il est publié par dev.21st. AI.tn le référence sans le maintenir ni le recommander.

Issu du registre MCP officiel. Être listé n'est pas une recommandation : vérifiez le code et les permissions d'un serveur avant de lui donner accès à vos données.