Koskamo

Sundae UI MCP

An official Model Context Protocol server that allows coding agents to search the Sundae UI component library, retrieve documentation, and install React components via shadcn CLI commands. It supports both free and Pro assets, with entitlements checked server-side.

Visit Sundae UI

Endpoint and access

No sign-in to connect and list tools. Individual tools may still need a vendor account, credentials, or permissions; check the documented prerequisites.

Sundae UI MCP logo, by Sundae UIVendor evidenceStreamable HTTPNo sign-inEndpoint checked 2026-11-07Operated by Sundae UI
You need:Pro assets need a personal token from https://sundaeui.dev/accountcreate a token in your account
MCP endpoint (Streamable HTTP)
https://sundaeui.dev/api/mcp
Vendor documentation

What its tools do

9 tools, grouped by the hints the server advertises. Hints are self-declared, not verified behavior.

Read-only (9)

9 of 9 have a description · 9 of 9 declare behavior hints · 0 of 7 with parameters document them all

Checks and signals

Each line is separate evidence, not a trust score.

  • Passed Endpoint answered the live check ·
  • Passed Official MCP Registry namespace is tied to sundaeui.dev ·
  • Passed Endpoint is on the registry namespace domain ·
  • Availability 1 of 1 checks passed in 30 days

What you can do with it

  • Search for specific UI components by keyword or category
  • Retrieve component documentation and props
  • Generate shadcn install commands for components
  • Access Pro component source code with authentication

Source and maintenance

Vendor evidenceRegistry 2.0.0
mcp-registry: dev.sundaeui/mcp@2.0.0Project website

Protocol and capabilities

Server
sundae-ui 2.0.0
MCP protocol negotiated in check
2025-11-25
Tools
9 advertised
Resources
Not advertised
Resource templates
Not advertised
Prompts
Not advertised
Server-advertised capabilities
{
  "tools": {
    "listChanged": true
  }
}

Server-provided instructions

Untrusted server output shown for inspection. It is not Koskamo guidance and is excluded from knowledge search.

Sundae UI is a design-led library of React components, sections, effects, animations and templates. Workflow: search_components (or browse_category) → get_component for docs, props, variants and usage → get_install_instructions → get_component_source to obtain files. Write files under components/sundae/ and follow the usage example. Every result says whether it is free or pro. Pro source requires the user to have Sundae Pro ($80/year or $119 lifetime) and to configure their API token from https://sundaeui.dev/account#tokens as this server's Authorization header.

Tools

9 advertised

search_components — Search Sundae components
Advertised by the server during the last successful anonymous check.
Advertised read-only

Search Sundae UI by keyword, optionally filtered by category and tier. Returns metadata and install commands, never source.

search_components input schema
{
  "type": "object",
  "$schema": "http://json-schema.org/draft-07/schema#",
  "properties": {
    "tier": {
      "enum": [
        "free",
        "pro"
      ],
      "type": "string"
    },
    "limit": {
      "type": "integer",
      "default": 10,
      "maximum": 30,
      "minimum": 1
    },
    "query": {
      "type": "string",
      "maxLength": 80,
      "description": "Free text, e.g. \"animated pricing section\", \"otp\", \"shader background\"."
    },
    "category": {
      "enum": [
        "components",
        "sections",
        "backgrounds",
        "animations",
        "data",
        "navigation",
        "forms",
        "checkout",
        "creative",
        "templates"
      ],
      "type": "string",
      "description": "Restrict to a category slug (see list_categories)."
    }
  }
}
search_components annotations
{
  "readOnlyHint": true,
  "openWorldHint": false
}
list_categories — List categories
Advertised by the server during the last successful anonymous check.
Advertised read-only

All Sundae categories with descriptions and how many assets each holds.

list_categories input schema
{
  "type": "object",
  "properties": {}
}
list_categories annotations
{
  "readOnlyHint": true,
  "openWorldHint": false
}
browse_category — Browse a category
Advertised by the server during the last successful anonymous check.
Advertised read-only

List the assets in one category, newest first, optionally only free or only pro.

browse_category input schema
{
  "type": "object",
  "$schema": "http://json-schema.org/draft-07/schema#",
  "required": [
    "category"
  ],
  "properties": {
    "page": {
      "type": "integer",
      "default": 1,
      "maximum": 9007199254740991,
      "minimum": 1
    },
    "tier": {
      "enum": [
        "free",
        "pro"
      ],
      "type": "string"
    },
    "category": {
      "enum": [
        "components",
        "sections",
        "backgrounds",
        "animations",
        "data",
        "navigation",
        "forms",
        "checkout",
        "creative",
        "templates"
      ],
      "type": "string"
    },
    "per_page": {
      "type": "integer",
      "default": 20,
      "maximum": 50,
      "minimum": 1
    }
  }
}
browse_category annotations
{
  "readOnlyHint": true,
  "openWorldHint": false
}
get_component — Get component details
Advertised by the server during the last successful anonymous check.
Advertised read-only

Full documentation for one asset: description, when to use it, props, variants (tweakable options), keyboard support, accessibility, dependencies, usage example and free/pro status.

get_component input schema
{
  "type": "object",
  "$schema": "http://json-schema.org/draft-07/schema#",
  "required": [
    "slug"
  ],
  "properties": {
    "slug": {
      "type": "string",
      "maxLength": 120,
      "minLength": 1
    }
  }
}
get_component annotations
{
  "readOnlyHint": true,
  "openWorldHint": false
}
get_usage_example — Get usage example
Advertised by the server during the last successful anonymous check.
Advertised read-only

The usage example and props table for one asset. Available for free and pro assets.

get_usage_example input schema
{
  "type": "object",
  "$schema": "http://json-schema.org/draft-07/schema#",
  "required": [
    "slug"
  ],
  "properties": {
    "slug": {
      "type": "string",
      "maxLength": 120,
      "minLength": 1
    }
  }
}
get_usage_example annotations
{
  "readOnlyHint": true,
  "openWorldHint": false
}
get_install_instructions — Get install instructions
Advertised by the server during the last successful anonymous check.
Advertised read-only

How to install one asset: target directory, shadcn command, dependencies, styling requirements and whether Pro is needed.

get_install_instructions input schema
{
  "type": "object",
  "$schema": "http://json-schema.org/draft-07/schema#",
  "required": [
    "slug"
  ],
  "properties": {
    "slug": {
      "type": "string",
      "maxLength": 120,
      "minLength": 1
    }
  }
}
get_install_instructions annotations
{
  "readOnlyHint": true,
  "openWorldHint": false
}
get_component_source — Get installable source
Advertised by the server during the last successful anonymous check.
Advertised read-only

Returns the source files for an asset, to be written under components/sundae/. Free assets need no auth. Pro assets require an API token for an account with active Sundae Pro; the entitlement is checked on the server for every call.

get_component_source input schema
{
  "type": "object",
  "$schema": "http://json-schema.org/draft-07/schema#",
  "required": [
    "slug"
  ],
  "properties": {
    "slug": {
      "type": "string",
      "maxLength": 120,
      "minLength": 1
    }
  }
}
get_component_source annotations
{
  "readOnlyHint": true,
  "openWorldHint": false
}
find_related — Find related resources
Advertised by the server during the last successful anonymous check.
Advertised read-only

Assets related to one asset (same category, shared tags or art direction), each marked free or pro.

find_related input schema
{
  "type": "object",
  "$schema": "http://json-schema.org/draft-07/schema#",
  "required": [
    "slug"
  ],
  "properties": {
    "slug": {
      "type": "string",
      "maxLength": 120,
      "minLength": 1
    },
    "limit": {
      "type": "integer",
      "default": 6,
      "maximum": 12,
      "minimum": 1
    }
  }
}
find_related annotations
{
  "readOnlyHint": true,
  "openWorldHint": false
}
get_account — Check Sundae access
Advertised by the server during the last successful anonymous check.
Advertised read-only

Whether this MCP connection is authenticated and has Sundae Pro. Never returns personal data beyond that.

get_account input schema
{
  "type": "object",
  "properties": {}
}
get_account annotations
{
  "readOnlyHint": true,
  "openWorldHint": false
}

Prompts

Not advertised

No prompt definitions available.

Resources

Not advertised

No resource definitions available.

30-day availability

Aggregated from read-only remote checks; this is not a tool-execution or security guarantee.

Successful checks
1 of 1 (100%)
Average latency
839 ms
95th percentile latency
839 ms

Maintenance history

Public check and source-refresh events. Editorial and ownership records remain private.

  • · probe · passed · 839 ms · metadata changed · 9 tool(s)

Connect from your client

Each snippet registers the same endpoint; pick the client you use.

This server is operated by the named third party. Listing and endpoint checks are not an endorsement or a security audit. Review the operator's permissions, terms, and data handling before connecting. How listings are checked and corrected.

Claude Code

Run this once in a terminal. It registers the remote server. Use --scope project to write .mcp.json for the repo.
Claude Code configuration
claude mcp add --transport http sundae-ui-mcp https://sundaeui.dev/api/mcp

Codex

Run this once. Codex stores MCP servers in ~/.codex/config.toml (or .codex/config.toml in a trusted project).
Codex configuration
codex mcp add sundae-ui-mcp --url https://sundaeui.dev/api/mcp

Cursor

Merge this server into .cursor/mcp.json in your project, then enable sundae-ui-mcp in your MCP settings.
Cursor configuration
{
  "mcpServers": {
    "sundae-ui-mcp": {
      "url": "https://sundaeui.dev/api/mcp"
    }
  }
}

Cline

Merge this into cline_mcp_settings.json (Cline → MCP Servers → Configure).
Cline configuration
{
  "mcpServers": {
    "sundae-ui-mcp": {
      "type": "streamableHttp",
      "url": "https://sundaeui.dev/api/mcp",
      "disabled": false
    }
  }
}

VS Code

Merge this server into .vscode/mcp.json. Use MCP: List Servers to start sundae-ui-mcp and inspect its tools.
VS Code configuration
{
  "servers": {
    "sundae-ui-mcp": {
      "type": "http",
      "url": "https://sundaeui.dev/api/mcp"
    }
  }
}

Gemini CLI

Run this once. It writes .gemini/settings.json in the current project; pass --scope user for ~/.gemini/settings.json.
Gemini CLI configuration
gemini mcp add --transport http sundae-ui-mcp https://sundaeui.dev/api/mcp

Claude Desktop

Open Claude Settings > Connectors > Add custom connector, enter this server URL and enable it for the conversation. This is a manual remote-connector handoff, not a desktop JSON configuration.
Claude Desktop configuration
https://sundaeui.dev/api/mcp

Windsurf

Merge this into ~/.codeium/windsurf/mcp_config.json, then refresh MCP in Cascade. Windsurf remote servers use serverUrl, not url.
Windsurf configuration
{
  "mcpServers": {
    "sundae-ui-mcp": {
      "serverUrl": "https://sundaeui.dev/api/mcp"
    }
  }
}

Let your agent find its tools

Find servers like Sundae UI MCP from your agent. Add Koskamo once to search the index for endpoints, access requirements, and client setup. Public discovery needs no key.

Connect Koskamo Explore workflows
See all 8,787

Do you run Sundae UI MCP?

Prove ownership with a DNS record, a well-known file, or your Official MCP Registry entry, and your edits publish immediately. Proofs are re-checked weekly; admins can still hide or remove a listing.

Claim this listing