Typography Dialog Title

Gradient Text Colored Shadows Shadow Scale CSS Filters Animated Gradient Text Aura

Head Dependencies

Button Button — Glow

Badge Status Badge

Company Avatar Person Avatar Avatar

Chat Bubble Chat Input Divider Keyboard Keys Progress Steps Links Person Cell Theme Controller Text Rotate Hover 3D Card Hover Gallery Theme Toggle Aspect Ratio Separator Icon Soft Box Attachment

Progress Card Card Stat Card Testimonial Card Stat Card — Sparkline

Action Menu Menu

Breadcrumbs Page Header Navbar Megamenu

Filter Tabs Filter Bar

Page Title — Minimal Page Title — Editor Top Bar

Profile Menu Variants

Search — Dropdown Footer — Minimal Profile Menu

Command Palette

Sidebar Variants

Topbar Variants

Footer Variants

Page Title Variants

Mockup Code Mockup Browser Mockup Phone Mockup Window

Sidebar — Dense Mode Containers

Scroll Area Resizable

Auth Page Dashboard Page Chat Layout Settings Page Landing Page

Status Dots No Permissions Empty State Empty Note

Skeleton Skeleton — Dashboard Layout Loader Skeleton Loaders

Notification Panel Notification Notification Dropdown Toast Queue

Radial Progress

Rating File Input Input Spinner Clipboard Copy Text Input Textarea Input Select Input Range Input Form Field Search Input Validator Calendar Form Control Wrappers Password Field Password Meter Enhanced Select Date Picker Rich Text Editor File Upload Form Validation OTP Input Color Picker Datalist Autocomplete Tag List Combobox Structured Input Palette Select Shell Icon Picker Color Picker Input Group

Checkboxes & Toggles Radio Buttons Checkbox Input

Fieldset Label Schema Form

Prompt Bar — Minimal Prompt Bar — Action Prompt Bar — Model Selector Prompt Bar — Ability Prompt Bar — Agent Picker Prompt Bar Picker Prompt Bar — Paseo Parity Prompt Bar — Composer Prompt Bar — Attachments Prompt Bar — Tracks Prompt Bar — Autocomplete

Wizard — Stepper

Timeline Collapse / Accordion Indicator Diff Carousel Countdown Sortable List Swiper Carousel Charts Sparkline Chart Collapsible

Table Logs Table Table Card Table Card Wrapper Table Card Header Table Card Footer Table Search Table Select Data Table

Dropdown Positions

Modal Confirm Popup Form Modal

Popover Tooltip Hover Card

SDK Reference Theme studio

DaisyUI component gallery

Gallery

Palette

Theme Controller

Components

Checkbox or radio inputs with the theme-controller class change the page theme.

Preview

OpenTheme:

Component Tree

Loading…

Parameters

Toggle (checkbox) A single checkbox that toggles between light and dark.

OpenTheme:

Picker (radio) Radio buttons to pick from a list of DaisyUI themes.

OpenTheme:

Theme Controller

Components

Theme:

↑↓ Navigate ↵ Open Esc Close

go-daisy