daisyUI MCP v1.5: Generate unique UIs now!

VSCode CopilotdaisyUI MCP server for VSCode Copilot

Setup VSCode Copilot to correctly generate daisyUI code based on your prompt.

MCP is an API to communicate with AI models. You can add MCP servers and VSCode Copilot will communicate with them to get more accurate results.

There are 3 options:

  1. Blueprint: The Official MCP server from daisyUI (Recommended for best results)
  2. Context7: Free 3rd party MCP server
  3. daisyUI GitMCP: Free 3rd party MCP server

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 MCP: Open User Configuration
  4. Add this and set your license key + email address in it
    Figma API Key is optional - Only needed for Figma-to-code conversion
mcp.json
{
  "servers": {
+   "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:

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

Option 1. Setup Context7 MCP server for VSCode

Click this button to install Context7 MCP server in VSCode:

VSCode Install Context7 MCP

Option 2. Setup Context7 MCP server for current workspace only

  1. Create a .vscode/mcp.json file in your project root if it doesn't exist.
  2. Add Context7 MCP server:
.vscode/mcp.json
{
  "servers": {
+   "context7": {
+     "type": "stdio",
+     "command": "npx",
+     "args": [
+       "-y",
+       "@upstash/context7-mcp@latest"
+     ]
+   }
  }
}

Usage

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

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

Option 1. Setup daisyUI GitMCP server for VSCode

Click this button to install GitMCP server in VSCode:

VSCode Install daisyUI GitMCP

Option 2. Setup daisyUI GitMCP server for current workspace only

  1. Create a .vscode/mcp.json file in your project root if it doesn't exist.
  2. Add daisyUI GitMCP server:
.vscode/mcp.json
{
  "servers": {
+   "daisyUI": {
+     "type": "sse",
+     "url": "https://gitmcp.io/saadeghi/daisyui"
+   }
  }
}

Usage

Now in Agent Mode you can ask AI anything about daisyUI.

prompt
give me a light daisyUI 5 theme with tropical color palette
Do you have a question? Ask on GitHub or Discord server
Do you like daisyUI? Post about it!
Support daisyUI's development: Open Collective
BLUEPRINT

Official daisyUI
Code Generator
MCP server

Generate daisyUI code with any LLM

More details
Please upgrade your browser