+

SvelteSideBar

The Sidebar that everyone loves nowadays

Created in pure Svelte and native CSS.
No fancy components. No fancy stylesheets used.
Just pure stuff. The Svelte one.

🚀

Pure Svelte

Built with modern Svelte 5 runes and reactive patterns

🎨

Native CSS

No external dependencies, just clean and efficient CSS

📱

Responsive

Works perfectly on desktop, tablet, and mobile devices

âš¡

Lightweight

Minimal bundle size with maximum functionality

🎯

TypeScript Ready

Full TypeScript support with proper type definitions

🔧

Customizable

Easy to theme and adapt to your design system

Design

The inspiration came from the modern look sidebars nowadays

Content AreaSideBar Open
Content AreaSideBar Closed
Content AreaMobile View

Experience the power of modern sidebar navigation.
Try collapsing the sidebar or switching to mobile view to see it in action!

✨ Check It Out