daisyUI v5.6 is now available!

UI design plugin for Cursor

Install the daisyUI plugin for Cursor to use daisyUI skill context while generating UI in Agent Mode.

A UI design plugin for Cursor keeps daisyUI guidance inside the editor workflow. Cursor plugins can bundle rules, skills, commands, MCP servers, agents, and hooks. For daisyUI, the plugin gives Agent Mode access to design skill instructions.

Why use the plugin path

A pasted prompt is temporary. A plugin stays available through Cursor settings and can be managed with other project or user extensions. That is useful when you generate UI often and want one repeatable setup.

The daisyUI plugin helps Cursor avoid inventing a new mini design system on every screen. It points the agent toward component names.

Component intent

<div role="tablist" class="tabs tabs-border">
  <a role="tab" class="tab tab-active">Profile</a>
  <a role="tab" class="tab">Security</a>
</div>

Cursor can see this as tabs, not a random row of links.

Install

  1. Open Cursor settings with Cmd + comma.
  2. Go to Plugins.
  3. Search for https://github.com/saadeghi/daisyui.
  4. Click daisyui.
  5. Click Add to Cursor.

Then prompt with:

prompt
/daisyui

Read daisyUI plugin for Cursor. Use Blueprint MCP when on-demand context matters more than plugin packaging.

When the plugin is the right fit

Use the plugin when you want Cursor to keep daisyUI guidance available across repeated sessions. This is different from a single prompt. The plugin is better for teams, frequent UI generation, or projects where several developers want the same agent behavior.

For one-off experimentation, the skill command is enough. For larger screens where Cursor needs current component details during the task, Blueprint MCP is the stronger option. The plugin sits between those two paths: simple to manage, reusable, and focused on agent guidance.

daisyUI is the most popular
component library for Tailwind CSS

Used by engineers at

Meta Research
Alibaba
Amazon
Adobe
Pepsico
Google Cloud