Dreamy UI has a MCP server that you can use to get information about the components and patterns.

The Dreamy UI has a Model Context Protocol server that provides AI assistants (like Claude Code, Cursor, and Copilot) with access to the Dreamy UI component library.

The Dreamy UI MCP exposes the following tools to AI agents:

• get_components: Get a complete list of all available components
• get_component: Get detailed props, types, and configuration options for any component
• get_component_example: Get example code for a specific Dreamy UI component

The MCP server currently supports only stdio transport and is published at @dreamy-ui/mcp.

In the .cursor/mcp.json file at the root of your project, add the following configuration:

{
  "mcpServers": {
    "dreamy-ui": {
      "command": "npx",
      "args": ["-y", "@dreamy-ui/mcp"]
    }
  }
}

In the .vscode/mcp.json file at the root of your project, add the MCP server block:

{
  "servers": {
    "dreamy-ui": {
      "command": "npx",
      "args": ["-y", "@dreamy-ui/mcp"]
    }
  }
}

The MCP server is now ready to use. Click on Start on the MCP server.

Run the following command in your terminal to add the Dreamy UI MCP server:

claude mcp add dreamy-ui -- npx -y @dreamy-ui/mcp

The MCP server is now ready to use. Start a Claude Code session by running claude.

1. Navigate to "Settings" > "Windsurf Settings" > "Cascade"
2. Click the "Manage MCPs" button, then click the "View raw config" button.
3. Add the following to the MCP configuration file (.codeium/windsurf/mcp_config.json):

{
  "mcpServers": {
    "dreamy-ui": {
      "command": "npx",
      "args": ["-y", "@dreamy-ui/mcp"]
    }
  }
}

1. Go to Settings > Open Settings
2. In the settings.json file, add MCP server as a new context server

{
  "context_servers": {
    "dreamy-ui": {
      "source": "custom",
      "command": "npx",
      "args": ["-y", "@dreamy-ui/mcp"]
    }
  }
}

To run the MCP server in a local or development environment using a custom MCP client, you need to add the MCP server to the client's configuration file.

{
  "mcpServers": {
    "dreamy-ui": {
      "command": "npx",
      "args": ["-y", "@dreamy-ui/mcp"]
    }
  }
}