Sidebar

Sidebar — a CSS-first, fully-tokened Sidebar component from SilicaUI. Accessible by default via Base UI, themeable with color × variant × size × shape props, and available in React, framework-neutral HTML, and a zero-dependency vanilla runtime. No runtime CSS-in-JS, no safelist.

Real use · app shell (collapsible, cross-tree trigger)

dashboard

The trigger above lives OUTSIDE the sidebar (in this main content area) yet still toggles it — both triggers share one SidebarProvider.