Animated Sidebar

A composable application sidebar with morphing nested navigation that folds into an animated icon rail on desktop and becomes a focus-managed sheet on mobile.

Library

beUI

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add @beui/animated-sidebar

Files

• components/motion/animated-sidebar.tsx
• components/motion/shared-layout-bg.tsx
• lib/ease.ts
• lib/i18n.tsx
• lib/utils.ts

Source

https://github.com/starc007/ui-components

Categories

• Navigation Components
• React Navigation Components
• Tailwind CSS Navigation Components
• Animated Navigation Components
• Sidebar Components
• React Sidebar Components
• Tailwind CSS Sidebar Components
• Animated Sidebar Components

More from beUI

• Ai Sidebar
• Bounce Sidebar
• Action Swap
• Action Swap Blur
• Action Swap Cascade
• Action Swap Roll
• Adaptive Stepper
• Agent Activity
• Agent Code
• Agent Disclosure
• Alert
• Animated Badge