DaisyUI component gallery
Sidebars, drawers, page shells, hero sections, mockups, and layout primitives.
18 components
Themed sidebar variants for different app contexts: ecommerce, payment, project, chat, documentation.
Topbar variants: classic, greeting, nav-menu, editor with different left and right zone content.
9 footer styles: minimal, social, branding, legal, status, support, language pills, language+currency, custom background.
Page title variants: minimal, ecommerce, editor, task, stepper, analytics.
Slide-in sidebar overlay driven by a hidden checkbox toggle.
Interactive mix-and-match builder for sidebar, topbar, and footer variants.
Code block mockup with terminal-style prefix lines.
Browser window mockup for UI showcasing.
Phone frame mockup for mobile UI display.
Desktop window frame mockup.
Full-width hero section with headline and CTA button.
Bottom dock navigation bar for mobile-style UIs.
Join fuses children into a single rounded group.
Overlapping stacked card effect.
CSS mask shapes applied to images and elements.
Compact sidebar that collapses to icons and expands on hover or click toggle. State persists to localStorage.
Scroll container with a slim, theme-aware scrollbar (pure CSS, no JS).
Two-pane split view with a draggable, keyboard-resizable divider and ARIA separator semantics.