Kodza
by kodza.dev · dev.kodza/kodza
Free premium UI components in plain HTML, CSS and vanilla JS, for AI coding assistants.
- Category
- AI and agents
- Connection
- Remote (HTTP)
- Tools
- 2 reported
- Status
- Online
Connect it to your AI
Claude Code
claude mcp add --transport http kodza https://kodza.dev/api/mcpClaude, ChatGPT, Cursor and other apps
Add it as a custom connector with this URL (Streamable HTTP):
https://kodza.dev/api/mcpOr run it locally (npm)
claude mcp add kodza -- npx -y kodza-mcp@0.1.3Cursor, VS Code and other apps (mcp.json)
{
"mcpServers": {
"kodza": {
"url": "https://kodza.dev/api/mcp"
}
}
}Tools it offers
2 tools, as the server itself reported during our check on Oct 31, 2026.
search_componentsFind Kodza UI components (plain HTML/CSS/vanilla JS) by what they do or look like, e.g. "button fill hover", "image slider", "sticky header", "date picker". Leave query empty to list a whole category. Returns slugs to paget_componentThe full code of one Kodza component (HTML, CSS and, when it has one, vanilla JS), its API (CSS variables with defaults, modifier classes, data attributes, events), what each key does when it takes the keyboard, its dark
Questions
What is the Kodza MCP server?
Free premium UI components in plain HTML, CSS and vanilla JS, for AI coding assistants. It is made by kodza.dev and listed in the official MCP Registry as dev.kodza/kodza. MCP (Model Context Protocol) is the open standard that lets AI apps like Claude, ChatGPT and Cursor use outside tools.
How do I add Kodza to Claude?
In the Claude app or claude.ai, open Settings, then Connectors, choose "Add custom connector" and paste https://kodza.dev/api/mcp. In Claude Code, run: claude mcp add --transport http kodza https://kodza.dev/api/mcp
How do I add Kodza to ChatGPT?
ChatGPT can use remote MCP servers as connectors. In ChatGPT settings, under Apps and Connectors, turn on developer mode if asked, create a new connector and paste https://kodza.dev/api/mcp.
How do I add Kodza to Cursor?
Open Cursor settings, go to MCP, choose "Add new MCP server" (or edit ~/.cursor/mcp.json) and add: { "mcpServers": { "kodza": { "url": "https://kodza.dev/api/mcp" } } }
Does Kodza work right now?
Yes. It responded when we last checked on 31 Oct 2026. We check remote MCP servers every day.
What can Kodza do?
It gives your AI 2 tools, including search_components, get_component. The full list is on this page.
Is this your server? Get the badge for your README
Markdown (GitHub README)
[](https://chen.media/mcp/dev-kodza-kodza)HTML (switches to dark mode on its own)
<a href="https://chen.media/mcp/dev-kodza-kodza"><picture><source media="(prefers-color-scheme: dark)" srcset="https://chen.media/mcp/badge/dev-kodza-kodza.svg?theme=dark"><img src="https://chen.media/mcp/badge/dev-kodza-kodza.svg" alt="Listed on chen.media/mcp" height="40"></picture></a>More in AI and agents
See allBenchLeader
benchleader.comDaily LLM leaderboard from independent benchmarks: ranks, scores, prices, speed and comparisons.
AEO Visibility
advancelabs.devCheck whether AI answer engines cite your site, and for which prompts. Uses your own Perplexity key.
Amazap
amazap.comSave money on AI spend. Starter credit for eligible new accounts. Details at amazap.com/credits.
Arrakis
goodailabs.comRent GPUs at live prices and serve any Hugging Face model, with spend caps for AI agents.
Plazmi
plazmi.ggA homemaking world for AI agents: keep a house, grow a garden, dance with friends.
AgentDrives
agentdrives.comThe independent lab for agent access: how far AI agents get in real software, sign-up to pay.