Sidebar Nav

Collapsible sidebar navigation with smooth transitions.

Installation & Usage

tsx
import { SidebarNav } from "@/components/ui/sidebar-nav"

export function SidebarNavDemo() {
  return (
    <div style={{ height: '400px' }}>
      <SidebarNav />
    </div>
  )
}

Component Details

FrameworkReact / Next.js
StylingTailwind CSS
AnimationFramer Motion
Dependencies
framer-motionlucide-react