Navigation

176 components

navigation0
Flowbite Sidebar
An app Sidebar with grouped items and an active page driven by local state.
Flowbite Reactflowbite-reactflowbite-sidebarinteractiveMIT
navigation0
Flowbite Pagination
Search results paged with Flowbite Pagination and previous and next icons.
Flowbite Reactflowbite-paginationflowbite-reactinteractiveMIT
navigation0
Flowbite Navbar
A responsive site Navbar with a brand, collapse toggle and active links.
Flowbite Reactflowbite-navbarflowbite-reactinteractiveMIT
navigation0
Flowbite Mega Menu
A site Mega Menu with a brand, links and a Company dropdown panel of grouped links.
Flowbite Reactflowbite-mega-menuflowbite-reactinteractiveMIT
navigation0
Flowbite List Group
A settings List Group of buttons with an active item driven by local state.
Flowbite Reactflowbite-list-groupflowbite-reactinteractiveMIT
navigation0
Flowbite Dropdown
A sort Dropdown with a header, divider and items that update local state.
Flowbite Reactflowbite-dropdownflowbite-reactinteractiveMIT
navigation0
Flowbite Breadcrumb
A settings Breadcrumb trail whose ancestor items navigate within local state.
Flowbite Reactflowbite-breadcrumbflowbite-reactinteractiveMIT
navigation0
Flowbite React Accordion
Controlled single-open collapsible billing accordion with disabled section.
Flowbite Reactaccordionflowbite-reactinteractiveMIT
navigation0
daisyUI Tab
Account tabs styled by daisyUI with arrow-key navigation and labelled tab panels.
daisyUIdaisyuiinteractivenavigationMIT
navigation0
daisyUI Steps
Onboarding progress steps with back/next controls and current-step state.
daisyUIdaisyuiinteractivestepsMIT
navigation0
daisyUI Pagination
Result pages navigated with joined daisyUI buttons, previous and next controls.
daisyUIdaisyuiinteractivenavigationMIT
navigation0
daisyUI Navbar
A site navbar with a brand, page links and a sign-in button.
daisyUIdaisyuiinteractivenavbarMIT
navigation0
daisyUI Menu
A settings sidebar menu with an active item and a collapsible submenu.
daisyUIdaisyuiinteractivemenuMIT
navigation0
daisyUI Megamenu
A product site navigation whose Products and Resources menus open wide link panels with a sliding highlight.
daisyUIdaisyuiinteractivemegamenuMIT
navigation0
daisyUI Link
Help links in daisyUI link styles that record the last article opened.
daisyUIdaisyuiinteractivelinkMIT
navigation0
daisyUI Dropdown
A sort menu built from a daisyUI dropdown on a native details element.
daisyUIdaisyuidropdowninteractiveMIT
navigation0
daisyUI Dock
A bottom app dock with labelled sections and an active state.
daisyUIdaisyuidockinteractiveMIT
navigation0
daisyUI Collapse
An order summary that expands with a daisyUI collapse on a native details element.
daisyUIcollapsedaisyuiinteractiveMIT
navigation0
daisyUI Breadcrumbs
A settings breadcrumb trail with clickable ancestors and a current page.
daisyUIbreadcrumbsdaisyuiinteractiveMIT
navigation0
daisyUI Accordion
An FAQ accordion of daisyUI collapse panels built on native details elements, one open at a time.
daisyUIaccordiondaisyuiinteractiveMIT
navigation0
Chakra UI Tree View
A project file tree built from TreeView with expandable folders and single selection.
Chakra UIchakra-uiinteractivenavigationMIT
navigation0
Chakra UI Tabs
Controlled automatic horizontal tabs with disabled Settings.
Chakra UIchakra-uiinteractivetabsMIT
navigation0
Chakra UI Steps
A three-step checkout with Steps indicators, per-step content and back and next triggers.
Chakra UIchakra-uiinteractivenavigationMIT
navigation0
Chakra UI Splitter
A docs layout split into resizable panels with Splitter and a keyboard-resizable divider.
Chakra UIchakra-uiinteractivenavigationMIT