Claude Sidebar

Claude-style sidebar built on shadcn/ui's <Sidebar> primitives. Smooth icon-rail collapse animation, playful icon micro-interactions on hover, starred & recent chat lists, user card with auto-tooltips when collapsed. Customizable via props.

Library

Pixel Perfect

Framework

React

Type

block

License

MIT

Files

• registry/new-york/sidebars/claude-sidebar.tsx
• src/components/ui/sidebar.tsx
• src/hooks/use-mobile.ts
• src/lib/utils.ts
• src/components/ui/button.tsx
• src/components/ui/input.tsx
• src/components/ui/separator.tsx
• src/components/ui/sheet.tsx

Source

https://github.com/vansh-nagar/Pixel-Perfect

Categories

• Navigation Components
• React Navigation Components
• Tailwind CSS Navigation Components
• Animated Navigation Components
• shadcn/ui Navigation Components
• Sidebar Components
• React Sidebar Components
• Tailwind CSS Sidebar Components
• Animated Sidebar Components
• shadcn/ui Sidebar Components

More from Pixel Perfect

• 3D Button
• Abhinav Bento Button
• Accordion Carousel
• Accordion Fold
• Animated Texture
• Antinomy Button
• Aperture Mask Reveal
• Arrow Letter Background
• Aurora Curtain
• Bar Wave Animation
• Bayer Sunset Background
• Before After