90+ Awesome jQuery Menu Effects Collection (Projects and Codes) in 2025

Material Design Fullscreen Menu

Material Design fullscreen menu in HTML, CSS and JS. No jQuery used.

Pure CSS3 Menu Fullscreen

Fullscreen menu with transitions and effects with pure CSS3. No Jquery or similars.

HTML5 and CSS3 Only Simple and Responsive Fullscreen Menu

A simple and responsive fullscreen menu. HTML5 and CSS3 only. No jQuery. IE11 friendly.

Bounce Mobile Menu

Menu animation with HTML, CSS and jQuery.

Flat Horizontal Navigation

A flat horizontal navigation that uses jQuery for a clean dropdown menu alongside with animate.css for the nice flip at the beginning.

Gooey Mobile Navigation

The cool gooey effect applied to a mobilestyle menu. jQuery and CSS transitions for the animations.

Frosty Nav Toggle Effect

HTML, CSS and jQuery frosty navigation toggle effect.

Details Info & Navigation

Navigation with jQuery, CSS and HTML.

Hamburger Icon Animation

Simple CSS hamburger icon animation with little jQuery.

Full Width Off-Canvas

Left and right full-width off-canvas menus.

Fullscreen Menu

Awesome Context Menu #2

Overridden browser context menu.

Side Menu Animation

Side menu animation in jQuery.

Mega Dropdown

A responsive and easy to customise mega-dropdown component.

Scroll Nav

Mobile Menu

HTML, CSS and jQuery effect for mobile menu.

accordionMenuWithoutJQuery

I wanted to try creating a dropdown menu with a nice sliding animation without having to use JQuery, so I came up with this.

bootstrap-toc

An automatic table of contents generator, using Bootstrap 3 or 4

Dynamic Tree View Plugin With jQuery And Bootstrap

bootstrap-treeview

Tree View for Twitter Bootstrap -

treeSortable

A minimal sortable tree jQuery plugin that enables the user to reorder items in a list tree via drag and drop. Based on jQuery UI's sortable function.

Circular-Material-Menu

This is Circular Material Menu developed using HTML, CSS and JQuery

zeynepjs

A lightweight multi-level jQuery side menu plugin

jquery-stoocky-page

This is a jQuery plugin including sticky element after scroll, smooth scroll and menu item highlighter in one.

sidebar-skeleton

Simple and fast sidebar skeleton on Bootstrap (@twbs)

Dropzie

Simple, searchable jQuery dropdown select menus that behave just as you'd expect

Auto-Contents-JS

Autocontents.js is a super tiny jQuery plugin that automatically generates a nested table of contents for any element on a web page based on heading tags.

jquery-multi-select

Converts elements into dropdown menus with checkboxes

dashnav

DashNav - A FREE to use dashboard navigation menu template.

erToc

erToc is a jQuery plugin that will automatically generate a table of contents for your page.

vegas-nav

Vegas Nav is a JavaScript-powered cross-platform navigation system to help you create a responsive, mobile-friendly, multi-level dropdown navbar for your web app.