Sidebar — maud-ui

maud-ui64 components

/

Get started Blocks Theme

Advanced▾

Code & TextMonaco editorVS Code's editor, embedded TipTapRich text prose editor

Diagrams & GraphsxyflowReact Flow node editor CytoscapeNetwork graph visualisation MermaidText-to-diagram renderer

CanvasExcalidrawSketchy whiteboard canvas Three.jsWebGL 3D scene

DataAG GridEnterprise data grid Apache EChartsCharting library

Maps & SchedulingLeafletInteractive maps FullCalendarScheduling, drag-drop events

MediaWavesurferAudio waveform player PDF.jsInline PDF viewer

Drag & DropSortableJSReorder list, kanban, tile grid

Terminalxterm.jsTerminal emulator

Esc

↑↓ navigate↵ openEsc close

Button Input Textarea Checkbox Radio Select Switch Slider Number Field Field Fieldset Label Native Select

Badge Swatch Avatar Separator Progress Meter Kbd Skeleton Spinner Typography Empty State

Card Accordion Collapsible Tabs Table Data Table Pagination Resizable Scroll Area Sidebar Item Aspect Ratio Direction

Dialog Alert Dialog Drawer Sheet Popover Tooltip Hover Card Toast Sonner Alert

Menu Context Menu Menubar Navigation Menu Breadcrumb Command Combobox

Button Group Toggle Toggle Group Input Group Input Otp Radio Group Calendar Carousel Chart Date Picker

Gallery / Sidebar

Sidebar

App shell (left, icon-collapsible)

Press Cmd/Ctrl + B to toggle, or click the menu button.

Mmaud-ui

Platform

Workspace

JDJane Doe

Dashboard

Build statusPassing

Active deploys3

Last releasev0.2.1

Replace this inset with your app's content. The sidebar width animates between 16rem and 3rem via data-state.

← Back to Gallery