UnoCSS + daisyUI

Actions

Button

Buttons with brand colors

Buttons with state colors

Outline buttons

Button sizes

Dropdown

Modal

Swap

Data display

Alert

✅ Your purchase has been confirmed!

Badge

default
neutral
primary
secondary
accent
ghost

Card

Shoes

Shoes!

If a dog chews shoes whose shoes does he choose?

Collapse

Focus me to see content

tabindex="0" attribute is necessary to make the div focusable

Countdown

days
hours
min
sec

Kbd

⌘ ⌥ ⇧ ⌃

Progress

Data Input

Checkbox

Text input

Radio

Layout

Mask

Navigation

Breadcrumbs

Link

I'm a simple link

Menu

Navbar

daisyUI

Pagination

Steps

Tab

Tab 1 Tab 2 Tab 3

Mockup

Code

npm i unocss-preset-daisy
installing...
Done!

Phone

Hi.

Window

Hello!

Congratulations random Internet user!

You've been selected for a chance to get one year of subscription to use Wikipedia for free!