UnoCSS + daisyUI

Themes

Current theme: dark

Actions

Button

Buttons with brand colors

Buttons with state colors

Outline buttons

Button sizes

Dropdown

Modal

Swap

OFF

Data display

Alert

✅ Your purchase has been confirmed!

Badge

default

neutral

primary

secondary

accent

ghost

Card

Cats!

These are some cute cats, aren't they? Here are some more words to make this card look nice.

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

Remember me

Text input

What is your name? Alt label Alt label Alt label

Radio

Red pill

blue pill

Layout

Mask

Navigation

Breadcrumbs

Home
Documents
Add Document

Link

I'm a simple link

Navbar

Pagination

Steps

Register
Choose plan
Purchase
Receive Product

Tab

Tab 1 Tab 2 Tab 3

Mockup

Code

npm i unocss-preset-daisyui-next / yarn add unocss-preset-daisyui-next

Installing...

Done!

Phone

Android

Window

Linux