go-daisy
Foundation
Typography
TypographyDialog Title
Layout
Direction
Effects
Gradient TextColored ShadowsShadow ScaleCSS FiltersAnimated Gradient TextAura
Setup
Head Dependencies
Components
Buttons
ButtonButton — Glow
Badges
BadgeStatus Badge
Tag
Tag
Avatars
Company AvatarPerson AvatarAvatar
Display
Chat BubbleChat InputDividerKeyboard KeysProgressStepsLinksPerson CellTheme ControllerText RotateHover 3D CardHover GalleryTheme ToggleAspect RatioSeparatorIconSoft BoxAttachment
Cards
Progress CardCardStat CardTestimonial CardStat Card — Sparkline
FAB
Navigation
Menus
Action MenuMenu
Tabs
Tabs
Headers
BreadcrumbsPage HeaderNavbarMegamenu
Filters
Filter TabsFilter Bar
Page Title
Page Title — MinimalPage Title — EditorTop Bar
Pagination
Pagination
Search
Search Modal
Profile Menus
Profile Menu Variants
Misc
Search — DropdownFooter — MinimalProfile Menu
Dropdowns
Command Palette
Layout
Sidebars
Sidebar Variants
Topbars
Topbar Variants
Footers
Footer Variants
Page Titles
Page Title Variants
Drawers
Drawer Sidebar
Builder
Layout Builder
Mockups
Mockup CodeMockup BrowserMockup PhoneMockup Window
Layout
HeroDockJoin
Display
StackMask
Sidebar — Dense ModeContainers
Scroll AreaResizable
Page Templates
Pages
Auth PageDashboard PageChat LayoutSettings PageLanding Page
Feedback
Alerts
AlertBanner
States
Status DotsNo PermissionsEmpty StateEmpty Note
Loading
SkeletonSkeleton — Dashboard LayoutLoaderSkeleton Loaders
Toasts
Toast
Notifications
Notification PanelNotificationNotification DropdownToast Queue
Indicators
Section Header
Progress
Radial Progress
Forms
Inputs
RatingFile InputInput SpinnerClipboard CopyText InputTextarea InputSelect InputRange InputForm FieldSearch InputValidatorCalendarForm Control WrappersPassword FieldPassword MeterEnhanced SelectDate PickerRich Text EditorFile UploadForm ValidationOTP InputColor PickerDatalist AutocompleteTag ListComboboxStructured InputPaletteSelect ShellIcon PickerColor PickerInput Group
Toggles
Checkboxes & TogglesRadio ButtonsCheckbox Input
Layout
FieldsetLabelSchema Form
Prompt Bar
Prompt Bar — MinimalPrompt Bar — ActionPrompt Bar — Model SelectorPrompt Bar — AbilityPrompt Bar — Agent PickerPrompt Bar PickerPrompt Bar — Paseo ParityPrompt Bar — ComposerPrompt Bar — AttachmentsPrompt Bar — TracksPrompt Bar — Autocomplete
Wizard
Wizard — Stepper
Data Display
Display
TimelineCollapse / AccordionIndicatorDiffCarouselCountdownSortable ListSwiper CarouselChartsSparkline ChartCollapsible
Lists
List
Tables
TableLogs TableTable CardTable Card WrapperTable Card HeaderTable Card FooterTable SearchTable SelectData Table
Cards
Stat Card
Content
Code Block
Overlays
Dropdowns
Dropdown Positions
Modals
ModalConfirm PopupForm Modal
Popovers
PopoverTooltipHover Card
Panels
Sheet
Display
DropdownSwap
Menus
Context Menu
SDK Reference Theme studio

DaisyUI component gallery

Feedback

Loading

4 components

Skeleton

A DaisyUI skeleton placeholder block. Use the classes token to control size and shape.

View component

Skeleton — Dashboard Layout

Dashed placeholder grid for planning dashboard layouts before content loads.

View component

Loader

DaisyUI loading spinner with centered, inline, and overlay variants.

View component

Skeleton Loaders

DaisyUI skeleton shimmer placeholders — card, table row, text lines, avatar, button, stats.

View component