Free premium UI components in plain HTML, CSS and vanilla JS, for AI coding assistants.
Setup
Choose your client, copy the config, then fill in any required environment variables.
Local
claude mcp add kodza -- npx -y kodza-mcp~/.codex/config.toml
[mcp_servers.kodza]
command = "npx"
args = ["-y", "kodza-mcp"]
# codex mcp add kodza -- npx -y kodza-mcp~/.cursor/mcp.json
{
"mcpServers": {
"kodza": {
"command": "npx",
"args": [
"-y",
"kodza-mcp"
]
}
}
}.vscode/mcp.json
{
"servers": {
"kodza": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"kodza-mcp"
]
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"kodza": {
"command": "npx",
"args": [
"-y",
"kodza-mcp"
]
}
}
}claude_desktop_config.json
{
"mcpServers": {
"kodza": {
"command": "npx",
"args": [
"-y",
"kodza-mcp"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"kodza": {
"command": "npx",
"args": [
"-y",
"kodza-mcp"
]
}
}
}Remote
claude mcp add --transport http kodza https://kodza.dev/api/mcp~/.codex/config.toml
[mcp_servers.kodza]
url = "https://kodza.dev/api/mcp"
# codex mcp add kodza --url https://kodza.dev/api/mcp~/.cursor/mcp.json
{
"mcpServers": {
"kodza": {
"url": "https://kodza.dev/api/mcp"
}
}
}.vscode/mcp.json
{
"servers": {
"kodza": {
"type": "http",
"url": "https://kodza.dev/api/mcp"
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"kodza": {
"httpUrl": "https://kodza.dev/api/mcp"
}
}
}claude_desktop_config.json · Customize › Connectors › Add custom connector
{
"mcpServers": {
"kodza": {
"command": "npx",
"args": [
"-y",
"mcp-remote",
"https://kodza.dev/api/mcp"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"kodza": {
"url": "https://kodza.dev/api/mcp"
}
}
}