daisyUI MCP server for Windsurf

daisyUI Blueprint

Blueprint is the official MCP server for daisyUI. Read more about Blueprint.

1. Get a Blueprint License
2. In VS Code press ⌘ CMD + ⇧ Shift + P ( Or Ctrl + Shift + P )
3. Search for Windsurf: MCP Configuration Panel
4. Click Add custom server +
5. Add this and set your license key + email address in it

{
  "mcpServers": {
+   "daisyui-blueprint": {
+     "type": "stdio",
+     "command": "npx",
+     "args": ["-y", "daisyui-blueprint@latest"],
+     "env": {
+       "LICENSE": "YOUR BLUEPRINT LICENSE KEY",
+       "EMAIL": "YOUR EMAIL ADDRESS",
+       "FIGMA": "YOUR FIGMA API KEY (optional)"
+     }
+   }
  }
}

Usage

Now you can ask AI anything about daisyUI, and write use Blueprint MCP at the end of your prompt.
For example:

give me a light daisyUI 5 theme with tropical color palette. use Blueprint MCP

Setup Context7 MCP server

1. Press ⌘ CMD + ⇧ Shift + P (or ⌃ Ctrl + ⇧ Shift + P on Windows)
2. Type Windsurf: MCP Configuration Panel
3. Click Add custom server +
4. Add this:

{
  "mcpServers": {
+   "context7": {
+     "command": "npx",
+     "args": ["-y", "@upstash/context7-mcp@latest"]
+   }
  }
}

Usage

Now you can ask AI anything about daisyUI, and write use context7 at the end of your prompt.
For example:

give me a light daisyUI 5 theme with tropical color palette. use context7

Setup daisyUI GitMCP server

1. Press ⌘ CMD + ⇧ Shift + P (or ⌃ Ctrl + ⇧ Shift + P on Windows)
2. Type Windsurf: MCP Configuration Panel
3. Click Add custom server +
4. Add this:

{
  "mcpServers": {
+   "daisyui-github": {
+     "serverUrl": "https://gitmcp.io/saadeghi/daisyui"
+   }
  }
}

Usage

Now you can ask AI anything about daisyUI.

give me a light daisyUI 5 theme with tropical color palette