Shadcn.io is not affiliated with official shadcn/ui
React Sidebar with Footer Links Block
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.
React Sidebar with Footer Links Block preview
Installation
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.
React Sidebar with Command Menu Block
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.
React Sidebar with Footer User Block
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.