daisyUI MCP v1.5: Generate unique UIs now!

Cline setup for daisyUI

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

Cline VSCode extension Cline VSCode extension

daisyui.com/llms.txt file is a compact, text version of daisyUI docs to help AI generate accurate daisyUI code based on your prompt.
Here's how to use daisyUI llms.txt in Cline:

Quick use

In chat window type this before your prompt and Cline will use daisyUI's llms.txt file to generate code.

prompt
https://daisyui.com/llms.txt

Project-level permanent setup

You can setup daisyUI's llms.txt file to your workspace so Cline can use it by default.

Run this command to save the llms.txt file to .clinerules/daisyui.md

Terminal
curl -L https://daisyui.com/llms.txt --create-dirs -o .clinerules/daisyui.md

MCP server

MCP is a an API to communicate with AI models.
You can add MCP servers and Cline will communicate with them to get more accurate results.
You can use Context7 or daisyUI GitMCP as MCP server in Cline.

daisyUI Blueprint

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

  1. Get a Blueprint License
  2. Click the MCP Servers icon at the top navigation bar of the Cline pane.
  3. Select the Configure tab.
  4. Click the Configure MCP Servers button at the bottom of the pane.
  5. Add this and set your license key + email address in it
    Figma API Key is optional - Only needed for Figma-to-code conversion
cline_mcp_settings.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)"
+     }
+     "disabled": false,
+     "autoApprove": []
+   }
  }
}

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

Setup Context7 MCP server

Install Context7 from Cline MCP marketplace

Usage

Now you can ask AI anything about daisyUI, and 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

Setup daisyUI GitMCP server

  1. Click the MCP Servers icon at the top navigation bar of the Cline pane.
  2. Select the Configure tab.
  3. Click the Configure MCP Servers button at the bottom of the pane.
  4. Add this config:
cline_mcp_settings.json
{
  "mcpServers": {
+   "daisyui-github": {
+     "url": "https://gitmcp.io/saadeghi/daisyui",
+     "disabled": false,
+     "autoApprove": []
+   }
  }
}

Usage

Now 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