Skip to content
gauchocodeUI GALLERY
LIBRARY
All blocks58Data display15Navigation & shell14Forms & actions7Planning12Feedback & overlays4AI & automation4Apps & admin2
RESOURCES
CommunityTeam library
GC
GauchoCodeEngineering & design
v0.1
WorkspaceUI Gallery
CommunityTeam library
BlocksNavigation & shellSidebar

Sidebar

Package

The shared Tukiverse navigation. Five variants, filtering, badges, section controls and row actions on Radix or Base UI.

Sign in to copy
NavigationFive variantsFiltering
React · CSS
Origin & adaptation notes

Renders the real @tukiverse/sidebar package from the TukiVerse registry: inline, panel, editorial, sectioned and drilldown variants with navigation filtering, numeric and toned badges, collapsible sections, section actions and row actions. The demo keeps 256/64px shells, collapsed flyouts, a topbar SidebarTrigger, the mobile drawer, loading skeleton, locked state and animated width. Groups with destinations can navigate in the panel variant; destination-less exploration keeps the active item. The demo uses the /radix entry; /base-ui exposes the identical API on Base UI primitives. Destinations and actions are synthetic and stay in the preview. Copy the integration — not the source.

Curated adaptation. Synthetic data only. No production APIs.

PreviousTenant switcherNextPage header
Built with intention. Shared with the team.GauchoCode UI Gallery ✳