Sidebar

Navigation

A flexible and collapsible sidebar component for navigation. Supports grouped items, badges, tooltips, and multiple visual variants.

Default Sidebar

A full-featured sidebar with header, grouped navigation items, badges, and a user footer. Click the arrow to collapse.

L
LuckyApp
Main
Workspace
Settings

dashboard

This is the dashboard page content area. Click on sidebar items to navigate.

Variants

Different visual styles for the sidebar.

Inset Variant

L
LuckyApp
Main
Workspace
Settings

dashboard

This is the dashboard page content area. Click on sidebar items to navigate.

Floating Variant

L
LuckyApp
Main
Workspace
Settings

dashboard

This is the dashboard page content area. Click on sidebar items to navigate.

Icon Only (Collapsed)

A sidebar that starts collapsed, showing only icons with tooltips on hover.

W

Icon-only sidebar with tooltips. Hover over icons to see labels. Click the toggle to expand.

Simple Sidebar

A minimal sidebar without collapsible functionality.

Menu

Simple sidebar without collapsible functionality.