Theme GeneratorDaisyUI
Namemytheme
Scheme
Change Colors
base
primary
secondary
accent
neutral
info
success
warning
error
Radius
Boxescard, modal, alert
Fieldsbutton, input, select, tab
Selectorscheckbox, toggle, badge
Effects
Sizes
Fields0.25rem
Selectors0.25rem
Border
Width1px
Components Demo
Live preview — every control on the left updates these instantly.
Buttons
Form fields
Inputs, selects & textareas use --radius-field
Selectors
Checkboxes, toggles & badges use --radius-selectorBadges
PrimarySecondaryAccentNeutralInfoSuccessWarningError
PrimarySecondaryAccentNeutral
PrimarySecondaryAccentNeutral
Alerts
ℹ️A new software update is available.
✅Your purchase has been confirmed.
⚠️Your subscription expires soon.
❌Something went wrong, please retry.
Tabs
Tab buttons use --radius-field; this content panel uses --radius-box.
Switch tabs to see the active state recolor with the theme.
Everything in this preview reacts live to the controls on the left.
Progress
70%
Chat
Is the theme fully reactive?
Yes — try the radius sliders!
Stats
Downloads
31K
↗︎ 12% this month
Steps
- Register
- Choose plan
- Purchase
- Receive product
Data display
JD
AS
MK
⌘+K
| Name | Role |
|---|---|
| Alice | Admin |
| Bob | Editor |