Åpne appen

DokumentasjonIntegrationer

Koble til 21st.dev med din egen API-nøkkel

Finn UI-komponenter og designinspirasjon via den offisielle 21st-MCP-en med din egen 21st.dev-konto.

3 min lesetidOppdatert

Dette kan du bruke

21st tilbyr komponentsøk, designmaler og henting av kode. Verktøyene som er tilgjengelige, avhenger av kontoen din. AI-generering krever også den relevante 21st-tilgangen og kan bruke kreditter.

Koble til fra katalogen

  1. 01Opprett en gjeldende API-nøkkel i kontoen din på https://21st.dev/mcp.
  2. 02Åpne Apps > Tilkoblinger, finn 21st.dev og velg Koble til.
  3. 03Lim inn nøkkelen din. Serveradressen og headeren x-api-key er allerede konfigurert.
  4. 04Test tilkoblingen og lagre den. Du kan også bruke den i workflow-trinn.

Bruk din egen nøkkel. Bruk og fakturering går via 21st.dev-kontoen din. Gamle Magic-nøkler er nullstilt og må opprettes på nytt.

Alternativt kan du importere JSON

Du kan importere samme tilkobling som en egendefinert MCP. Standardformatet mcpServers fungerer også i en JSON-kodeblokk. Erstatt plassholderen med din egen nøkkel.

{
  "mcpServers": {
    "21st": {
      "url": "https://21st.dev/api/mcp",
      "headers": {
        "x-api-key": "YOUR_21ST_API_KEY"
      }
    }
  }
}
  1. 01Legg til en egendefinert MCP og velg Importer JSON.
  2. 02Lim inn konfigurasjonen og velg Les konfigurasjon.
  3. 03Kontroller opplysningene som ble funnet, og overfør dem til skjemaet.
  4. 04Kontroller nøkkelen, test tilkoblingen og lagre. Den driftede serveren trenger ingen npx-pakke.

Tilgang og verktøy

Den eksterne serveren leverer verktøylisten. Tilkoblingen er derfor ikke begrenset til lesing. Kontroller skrivehandlinger og betalt generering før du godkjenner dem. 21st-kontoen din bestemmer hvilke funksjoner du har tilgang til.

Offisielt oppsett

Relaterte artikler