Navigation

Menus, breadcrumbs, tabs, pagination, search, and navbars.

19 components

Menus

Action Menu

A dropdown action menu with configurable items.

Tabs

Content-switching tabs (CSS radio or Alpine.js) and HTMX navigation tab strips. Supports lift/border/box styles, all sizes, bottom placement, icons, disabled tabs, and custom colors.

View component

Headers

Breadcrumbs

Navigation breadcrumb trail with configurable items.

View component

Page Header

A breadcrumb-based page header.

View component

Navbar

The application top navigation bar.

View component

Megamenu

DaisyUI 5 megamenu — horizontal nav bar with multi-column popover dropdowns.

View component

Filters

Filter Tabs

Radio-based pill filter tabs for list filtering.

View component

Filter Bar

FilterCard wraps filter inputs in a card with Filter/Clear buttons. Set Inline=true for a bare horizontal bar (used above tables).

View component

Page Title

Page Title — Minimal

Breadcrumb-only page header with home icon. Lightweight variant for inner pages.

View component

Page Title — Editor

Full page title with DaisyUI breadcrumbs, subtitle meta, and action buttons.

View component

Top Bar

A top navigation bar with a title. Toggle scrollAware for sticky hide-on-scroll behavior.

View component

Pagination

A DaisyUI pagination control.

View component

Search

Search Modal

Command palette search dialog: minimal and split variants.

View component

Profile Menus

Profile Menu Variants

Profile menu variants: default dropdown, switch account overlay, referral menu.

View component

Misc

Search — Dropdown

Inline search input with a results dropdown showing recent searches and suggested items. CSS-only — no JS required.

View component

Footer — Minimal

Simple one-line footer with copyright text and optional links.

View component

Profile Menu

Avatar dropdown menu with grouped menu items and sign-out action.

View component

Dropdowns

Command Palette

⌘K command palette modal with search filtering. Opens with Cmd+K or Ctrl+K keyboard shortcut.

View component