21st.dev Magic
Design
Gives Claude a library of polished interface components to drop into your app.
Enhance your Claude
An MCP (Model Context Protocol server) is a connector that gives Claude a new ability: open a browser, read your database, post to Slack. Each one below has a one-line install command.
32 MCPs
Design
Gives Claude a library of polished interface components to drop into your app.
Databases & Data
Lets Claude read, search and update records in your Airtable bases.
Coding & Deployment
Lets Claude search Confluence pages and create or update Jira tickets for you.
Browser & Search
Lets Claude run ordinary web, news, image and local-business searches on request.
Design
Lets Claude search your Canva designs, create new ones and export them as files.
Browser & Search
Lets Claude inspect a live Chrome tab to find slow pages, errors and network faults.
Coding & Deployment
Lets Claude manage your Cloudflare domains, Workers and settings through the full API.
Coding & Deployment
Gives Claude the latest official docs for any library so it stops guessing.
Marketing & Analytics
Gives Claude live search rankings, keyword volumes and backlink data for any site.
Browser & Search
Gives Claude a web search built for AI, with full page content in the results.
Design
Lets Claude read your Figma designs and build matching code, or draw new ones.
Browser & Search
Lets Claude turn any website into clean text it can read, search and crawl.
Coding & Deployment
Lets Claude open pull requests, read issues and check builds in your GitHub repos.
Marketing & Analytics
Lets Claude pull reports from Google Analytics 4 and explain what the numbers mean.
Productivity & Comms
Gives Claude your Gmail, Calendar, Drive, Docs and Sheets so it can draft and organise.
Design
Lets Claude generate images and videos with models like Nano Banana and Seedance.
Marketing & Analytics
Lets Claude find and update contacts, deals and tickets in your HubSpot CRM.
Marketing & Analytics
Lets Claude report on your email campaigns and flows, and draft new ones in Klaviyo.
Coding & Deployment
Lets Claude create, update and summarise issues and projects in Linear.
Databases & Data
Gives Claude a notebook of facts about you and your projects that lasts between chats.
Marketing & Analytics
Lets Claude report on and manage your Facebook and Instagram ad campaigns.
Databases & Data
Lets Claude spin up Postgres databases, run SQL and branch your data for testing.
Productivity & Comms
Lets Claude search, read and write your Notion pages and databases.
Browser & Search
Gives Claude a real web browser so it can click around, test and screenshot sites.
Coding & Deployment
Lets Claude read your app's error reports and work out what broke and why.
Databases & Data
Gives Claude Shopify's developer docs and schemas so it builds store apps correctly.
Productivity & Comms
Lets Claude read channels, search messages and post updates in your Slack workspace.
Databases & Data
Lets Claude look up customers, create payment links and answer billing questions.
Databases & Data
Lets Claude create tables, run queries and deploy functions in your Supabase project.
Productivity & Comms
Lets Claude add, find and tick off tasks in your Todoist.
Coding & Deployment
Lets Claude deploy your site, read deployment logs and check why a build failed.
Productivity & Comms
Gives Claude a way to act in thousands of apps you already use through Zapier.