Post thumbnail: 15 CSS Fullscreen Menu

15 CSS Fullscreen Menu

Collection of HTML and CSS fullscreen menu with little JavaScript.

Demo image: Fullscreen Menu

Author

  • veronika

Made with

  • HTML
  • CSS
  • JavaScript

About the code

Fullscreen Menu

Fullscreen menu with Flexbox & jQuery.

Demo image: Real Fullscreen Navigation

Author

  • Em Ji Madhu

Made with

  • HTML
  • CSS/SCSS
  • JavaScript (jquery.js)

About the code

Real Fullscreen Navigation

A full viewport responsive navigation.

Demo image: Fullscreen Menu

Author

  • Andrew Peirs

Made with

  • HTML
  • CSS
  • JavaScript (jquery.js)

About the code

Fullscreen Menu

Simple full screen menu that fades in when menu icon is clicked.

Demo image: Fullscreen Menu Flexbox Style

Author

  • Marcus Hall

Made with

  • HTML/Slim
  • CSS/SCSS
  • JavaScript (jquery.js)

About the code

Fullscreen Menu Flexbox Style

Chrome and Firefox good... IE bad, no transition support for flex property.

Demo image: Fullscreen Navigation

Author

  • Rob McFadzean

Made with

  • HTML
  • CSS/SCSS
  • JavaScript (jquery.js)

About the code

Fullscreen Navigation

Includes a burger with pure CSS animations, fadeIn animations from animate.css, minimal JS.

Demo image: Menu Fullscreen CSS

Author

  • Felipe Espinoza

Made with

  • HTML
  • CSS/SCSS
  • JavaScript (jquery.js)

About the code

Menu Fullscreen

Menu fullscreen CSS.

Demo image: Fullscreen Menu

Author

  • Akshay Nair

Made with

  • HTML
  • CSS/SCSS

About the code

Fullscreen Menu

Pure CSS fullscreen menu.

Demo image: Pure CSS3 Menu FullScreen

Author

  • Paulo César da Conceição Ferreira Junior

Made with

  • HTML
  • CSS

About the code

Pure CSS3 Menu FullScreen

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

Demo image: Fullscreen Navigation

Author

  • Marcus Bizal

Made with

  • HTML
  • CSS/SCSS
  • JavaScript (jquery.js)

About the code

Fullscreen Navigation

Fullscreen navigation with HTML, CSS and JS.

Demo image: Fullscreen Menu

Author

  • Jannik Baranczyk

Made with

  • HTML
  • CSS/SCSS
  • JavaScript/Babel (jquery.js)

About the code

Fullscreen Menu

Simple fullscreen menu.

Demo image: Fullscreen Navigation Menu

Author

  • Brenden Palmer

Made with

  • HTML
  • CSS/Less

About the code

Fullscreen Navigation Menu

Pure CSS fullscreen navigation menu.

Demo image: Fullscreen Nav

Author

  • Matthew Blode

Made with

  • HTML
  • CSS/SCSS
  • JavaScript

About the code

Fullscreen Nav

Burger minimal, fullscreen navigation.

Demo image: Accessible Fullscreen Overlay Menu

Author

  • RaziTazi

Made with

  • HTML
  • CSS
  • JavaScript (jquery.js)

About the code

Accessible Fullscreen Overlay Menu

A fairly accessible fullscreen overlay menu built with jQuery and CSS.

Demo image: Quick And Easy Fullscreen Menu

Author

  • Luigi Mannoni

Made with

  • HTML
  • CSS/SCSS
  • JavaScript (jquery.js)

About the code

Quick And Easy Fullscreen Menu

Crafted and debugged in 5 minutes, IE10+ compatible. Might not be ideal for production but would help you if you need a quick working responsive and modern menu.

Demo image: Fullscreen Menu

Author

  • Gerhard Bliedung

Made with

  • HTML
  • CSS/SCSS
  • JavaScript (jquery.js)

About the code

Fullscreen Menu

Fullscreen hamburger menu.

Back to top