Skip to main content

Assets Templates Inspiration Components

Components/BeUI

Animated Sidebar

Animated Sidebar

Pro

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.

Category: Navigation
Built with: React, Tailwind, Motion
Installs: clsx lucide-react motion tailwind-merge
Files: animated-sidebar.tsx + 3 more, a few lines of CSS

The prompt tells your agent to rebuild the styles on your project's tokens, so it fits in like it was made there.

BeUI

by Saurabh Chauhan

127 components

Copyright (c) 2026 Saurabh Chauhan. Open source, added by Craftwork. The license line stays in the copied code.

More like this

FreeBlur Glide Menu

FreeAnimated Breadcrumb

Expanding Icon Tabs

Floating Navbar

Stackbits Sidebar