Menus – 8 Free Menu Templates (CSS & Vanilla JS)

Menus is a pack of eight navigation components: an account dropdown, an admin sidebar with accordion submenus, a mobile bottom nav with a raised action button, a right-click context menu, a JS-free accordion menu, a macOS-style magnifying dock, a JS-free file tree, and a ⌘K command palette with live filtering. Each design is a single self-contained HTML file.

Command palette menu with live filtering

At a glance

  • 8 designs, one folder each, single index.html per design
  • Two designs are pure HTML/CSS (details/summary); the rest use ≤12 lines of vanilla JS
  • Scoped class names — no conflicts with Bootstrap or existing styles
  • README with a design index and usage notes

How to use

Copy a design’s markup, CSS block, and short script. Full write-ups on the menu templates page; live previews on the demo index.

FAQ

Can I use these in commercial projects?

Yes — the pack follows the standard uiCookies license.

Aigars Silkalns

Designed & written by Aigars Silkalns

Aigars Silkalns is a Latvian entrepreneur and web developer who founded Colorlib, a hub for distinctive WordPress themes. Trained in technology and design, he began as a freelancer and launched Colorlib in 2013, earning acclaim for user-friendly, modern, responsive themes. A champion of open source, Silkalns shares insights on web trends and entrepreneurship. His mission is to make web design simple and accessible, empowering people worldwide to build professional sites with ease.

XLinkedInMore about uiCookies →

Free
Demo