Here is a constantly updated list of the 10 best JavaScript and CSS based Responsive Menus we published on CSSScript.com.
All of these responsive menus will auto-switch between regular site navigation and mobile-friendly navigation depending on the viewport size.
I hope you like it and don’t forget to spread the world.
Originally Published Nov 17 2017, updated Feb 09 2023
Table Of Contents:
Pure CSS Responsive Menus:
Responsive CSS Only Header Navigation – Luxbar
A CSS library used for creating a responsive, mobile-friendly header navigation that is fully customizable via CSS classes.
Pure CSS Responsive Navbar – navigataur.css
A pretty and mobile-friendly jQuery plugin for creating responsive and nested multi-level drop down menus with smooth drop down animations and some useful options for your navigation.
Transform Navbar Into Bottom Navigation
A mobile-friendly navigation system that transforms the site menu into a bottom navigation bar on small screens.
Responsive mobile menu with CSS only
Create a responsive mobile menu with CSS without JavaScript.
CSS Only Responsive Sticky Navbar
A responsive sticky navbar that coverts the nav items into a full-width off-canvas menu with a hamburger toggle button.
Pure JavaScript Responsive Menus:
Responsive Multi-level Sidebar Menu With JavaScript/CSS
A responsive sidebar menu with multi-level sub-menus written in plain JavaScript and CSS.
Responsive Sidebar Navigation with JavaScript and CSS3
A small JavaScript library which helps you create a mobile-friendly, fully responsive and space-saving sidebar navigation for your web projects. On small screens, it will converts the sidebar navigation into an off-canvas menu with a toggle icon when the viewport’s size reaches the breakpoint specified in the CSS3 media queries (default to 992px).
Responsive Collapsible Side & Tab Navigation In JavaScript/CSS
A responsive, mobile-friendly, collapsible/expandable sidebar & tab navigation written in plain JavaScript and CSS.
Responsive Multilevel Navigation Menu with Vanilla JavaScript
A simple vanilla JavaScript responsive multilevel menu that performs as a dropdown reveal menu on smaller screen devices. Built using CSS, Vanilla JavaScript and apollo.js JS library.
Responsive Offcanvas Menu For Bootstrap 5
A responsive off-canvas navigation system that combines with Bootstrap 5 off-canvas and navbar components.
More Resources:
To download more responsive menus for your modern website & web app, here are a few more resources available online: