Shadcn.io is not affiliated with official shadcn/ui
Sidebar With Footer Links
A React sidebar with secondary navigation links in the SidebarFooter using small-sized buttons and SidebarSeparator. Built with Next.js, shadcn/ui Sidebar, and Tailwind CSS.
Add persistent utility links to the bottom of your React sidebar. This Next.js block features a SidebarSeparator creating a clear divider above the SidebarFooter, which holds small-sized navigation buttons for Support, Feedback, and Documentation using TypeScript. Built with shadcn/ui Sidebar components and Tailwind CSS, these links stay visible regardless of scroll position in the main content area. Ideal for SaaS applications, admin panels, and platforms requiring always-accessible help and support links.
Related Components
Secondary Navigation Sidebar
Sidebar with secondary links pushed to bottom
Settings Panel Sidebar
Sidebar for settings page navigation
Mini Cards Sidebar
Sidebar with card-like user stats in header
Action Buttons Sidebar
Sidebar with hover-revealed action buttons
Switch Toggle Sidebar
Sidebar with toggle switches on nav items
Dual Column Sidebar
Two-column sidebar with icon rail and nav panel
FAQ
Was this page helpful?
Sign in to leave feedback.
With Command Menu
A React sidebar with command palette trigger button in the header styled as a search bar with Cmd+K shortcut hint. Built with Next.js, shadcn/ui Sidebar, and Tailwind CSS.
With Footer User
A React sidebar with user dropdown menu in the footer showing Avatar, name, and email with account management options. Built with Next.js, shadcn/ui Sidebar, and Tailwind CSS.