Daisyui on Rails

Unlimited themes

with zero effort

daisyUI adds a set of customizable color names to Tailwind CSS and these new colors use CSS variables for the values. Using daisyUI color names, you get Dark Mode and even more themes without adding a new class name.

Semantic colors

primary

secondary

accent

neutral

primary content

secondary content

accent content

neutral content

base 100

base 200

base 300

base content

info

success

warning

error

info content

success content

warning content

error content

Learn more about colors

Preview

Preview more

Shoes Bags

Hoodies 25

Bags 3

Shoes 0

Accessories 4

12 M

13 T

14 W

15 T

16 F

17 S

18 S

Show all day events

Team Sync Meeting

Weekly product review with design and development teams

1h

Tab content 1

Tab content 2

Tab content 3

Price range

50

Shoes

Nike Shoes SALE

$120 $150

Create new account

Registration is free and only takes a minute

Password must be 8+ characters

Accept terms without reading Subscribe to spam emails

Sales volume reached $12,450 this week, showing a 15% increase from the previous period.

91

Page Score

91/100

All good

Recent orders

Charlie Chapman Send

Howard Hudson Failed

Fiona Fisher In progress

Nick Nelson Completed

Amanda Anderson Completed

March Revenue

$32,400

21% more than last month

Write a new post

1200 characters remaining

Obi-Wan Kenobi 12:45

You were the Chosen One!

Obi-Wan Kenobi 12:45

You were the Chosen One!

Anakin 12:46

I hate you!

PM Zoomcall ASMR

Project Manager talking for 2 hours

13:39 120:00

npm i daisyui

installing...

Done!

There are 9 new messages

Verification process completed

Click to verify your email

Access denied

Harry Potter and Sorcerer's Stack
Harry Potter and Chamber of Servers
Harry Potter and Prisoner of Azure
Harry Potter and Goblet of Firebase
Harry Potter and Elixir of Phoenix
Harry Potter and Half-Deployed App
Harry Potter and Deathly Frameworks

SALE

Starter Plan

$200/month

20 Tokens per day

10 Projects

API Access

Priority Support

4 New Messages

4 New Messages

4 New Messages

4 New Messages

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight

Daisy grows happily under the warm sunlight