Shadcn.io is not affiliated with official shadcn/ui
Sidebar With Favorites
A React and Next.js sidebar with a pinnable favorites section at the top showing starred items with star toggle actions and standard navigation below using shadcn/ui Sidebar and Tailwind CSS
Pin your most-used pages with this favorites React and Next.js sidebar block. Features a dedicated Favorites section at the top with 3 user-pinned items marked by star icons, and a SidebarMenuAction on every nav item letting users toggle star status. Standard navigation groups appear below the favorites. Built with TypeScript, shadcn/ui Sidebar, SidebarMenuAction, and Avatar components, and Tailwind CSS. Perfect for project management tools, documentation hubs, and any application where users need quick access to frequently visited pages.
Related Components
Workspace Switcher Sidebar
Sidebar with organization switcher dropdown
Search Sidebar
Sidebar with search-first navigation
Dual Panel Sidebar
Two-panel sidebar with icon strip
Collapsible Groups Sidebar
Sidebar with collapsible nav groups
Dashboard Sidebar
Classic SaaS dashboard sidebar
Nested Menu Sidebar
Sidebar with collapsible submenus
FAQ
Was this page helpful?
Sign in to leave feedback.