CSS & JavaScript Menus Templates

free JavaScript navigation menu code examples: responsive, animated, dropdown and full page animation.

Full width menu and SVG animation

Creator – Brandon Ward

Made With – HTML/CSS(SCSS)/JS

Demo of Codes

Slide out / hamburger / club sandwich menu

Creator – Jonno Witts

Made With – HTML/CSS(SCSS)/JS

Demo of Codes

Header Nav Overflow Into Mobile Nav

Creator – Chris Weissenberger

Made With – HTML/CSS(SCSS)/JS

Demo of Codes

Animated menu indicator

Creator – Mert Cukuren

Made With – HTML/CSS(SCSS)/JS

Demo of Codes

Morphing Fullscreen Navigation Menu [~60fps animation]

Creator – Dannie Vinther

Made With – HTML/CSS(SCSS)/JS(Babel)

Demo of Codes

Split Text Menu

Creator – sean codes

Made With – HTML/CSS(SCSS)/JS

Demo of Codes

Radial Menu – CSS

Creator – Zed Dash

Made With – HTML/CSS(SCSS)/JS

Demo of Codes

Rings Navigation Concept

Creator – Bennett Feely

Made With – HTML/CSS(SCSS)/JS

Demo of Codes

Responsive Magic Line

Creator – Michal Niewitala

Made With – HTML/CSS(SCSS)/JS(CoffeeScript)

Demo of Codes

#1476 – Menus

Creator – LittleSnippets.net

Made With – HTML/CSS(SCSS)/JS

Demo of Codes

Colourful Flower Popup Menu

Creator – Jasper LaChance

Made With – HTML/CSS(SCSS)

Demo of Codes

Swaying Vertical Tabs

Creator – Andy Hoffman

Made With – HTML/CSS(SCSS)

Demo of Codes

Simple Menu

Creator – Sprout Social

Made With – HTML/CSS(SCSS)/JS

Demo of Codes

Colourful navigation

Creator – Lewi Hussey

Made With – HTML/CSS(SCSS)/JS

Demo of Codes

Circular Navigation

Creator – Justin

Made With – HTML/CSS(SCSS)/JS

Demo of Codes

Flat fullscreen nav

Creator – Leroux

Made With – HTML/CSS(SCSS)/JS

Demo of Codes

Open/Close menu in full CSS

Creator – Vincent Costentin

Made With – HTML/CSS(SCSS)

Demo of Codes

Simple radial menu

Creator – Nikolay Talanov

Made With – HTML/CSS(SCSS)/JS

Demo of Codes

Mobile navigation animation using GSAP

Creator – Dejan Babić

Made With – HTML/CSS(SCSS)/JS

Demo of Codes

SVG Navigation

Creator – Gabriele Corti

Made With – HTML/CSS(SCSS)/JS

Demo of Codes

Leave a Comment

close