I built a dependency-free sidebar with drag-and-drop and magnetic snapping , in vanilla JS

Most sidebar components pull in a framework, a build step, or at least a CSS library. ac_sidebar doesn't. It's a single JavaScript class, no npm, no bundler, no external dependency, with its own CSS and SVG icon set baked in.

What it does

Two menu levels (menu / submenu), recursive structure

Role-based filtering (1 to 5, lower means more privileges), with menus auto-hiding when they end up empty

Five positions: left, right, top, bottom, or free. In free mode, you can drag the sidebar anywhere, with automatic magnetic snapping to screen edges

I built a dependency-free sidebar with drag-and-drop and magnetic snapping , in vanilla JS

Related reading

I Cloned Linear's Sidebar in 50 Lines of HTML — One File, Zero npm

I built a dark admin dashboard template in HTML — no React, no npm, just pure…

I built a scanner to find JavaScript that modern CSS can replace

I built 59 free browser-based dev tools in vanilla JS — here's what I learned

I built a hardware-inspired UI component library in pure Vanilla JS — here's how

Show DEV: I built a lightweight, extensible Web Page Builder using React 🚀