Collection of free HTML and CSS fullscreen menu code examples.

10 CSS Fullscreen Menus

Collection of hand-picked free HTML and CSS fullscreen menu code examples.

Related Articles

  1. CSS Menus
  2. CSS Circle Menus
  3. CSS Dropdown Menus
  4. CSS Mobile Menus
  5. CSS Sidebar Menus
  6. CSS Horizontal Menus
  7. CSS Sliding Menus
  8. CSS Toggle Menus
  9. CSS Off-Canvas Menus

Demo image: Sexy Fullscreen Menu Sexy Fullscreen Menu - GIF Demo

Author

  • Antonija Šimić

Links

Made with

  • HTML / CSS

About the code

Sexy Fullscreen Menu

Sexy fullscreen menu with sexy links in HTML and CSS.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Demo image: HTML5 and CSS3 Only Simple and Responsive Fullscreen Menu HTML5 and CSS3 Only Simple and Responsive Fullscreen Menu - GIF Demo

Author

  • Erin E. Sullivan

Links

Made with

  • HTML / CSS

About the code

HTML5 and CSS3 Only Simple and Responsive Fullscreen Menu

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

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Demo image: Fullscreen Menu Concept Fullscreen Menu Concept - GIF Demo

Author

  • Rune Sejer Hoffmann

Links

Made with

  • HTML / CSS (SCSS) / JavaScript (Babel)

About the code

Fullscreen Menu Concept

One more for the collection, this one includes a custom menu icon. I think the animation became great.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Demo image: CSS Full Width Menu CSS Full Width Menu - GIF Demo

Author

  • Brandon Ward

Links

Made with

  • HTML / CSS (SCSS) / JavaScript

About the code

CSS Full Width Menu

Full width menu & SVG animation.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: font-awesome.css

Demo image: Fullscreen Menu Fullscreen Menu - GIF Demo

Author

  • Christopher Mally

Links

Made with

  • HTML / CSS / JavaScript

About the code

Fullscreen Menu

Burger Menu. Mobile Optimized. Modal.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Demo image: Pure CSS Fullscreen Menu Pure CSS Fullscreen Menu - GIF Demo

Author

  • Akshay Nair

Links

Made with

  • HTML / CSS (SCSS)

About the code

Pure CSS Fullscreen Menu

Pure CSS fullscreen menu concept.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Demo image: Pure CSS3 Menu Fullscreen Pure CSS3 Menu Fullscreen - GIF Demo

Author

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

Links

Made with

  • HTML / CSS

About the code

Pure CSS3 Menu Fullscreen

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

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Demo image: Fullscreen Navigation Menu Fullscreen Navigation Menu - GIF Demo

Author

  • Brenden Palmer

Links

Made with

  • HTML / CSS (Less)

About the code

Fullscreen Navigation Menu

Pure CSS fullscreen navigation menu.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Demo image: Burger - Minimal, Fullscreen Navigation Burger - Minimal, Fullscreen Navigation - GIF Demo

Author

  • Matthew Blode

Links

Made with

  • HTML / CSS (SCSS) / JavaScript

About the code

Burger - Minimal, Fullscreen Navigation

Burger is a minimal hamburger menu with fullscreen navigation.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Demo image: Material Design Fullscreen Menu Material Design Fullscreen Menu - GIF Demo

Author

  • Arjan Jassal

Links

Made with

  • HTML / CSS (SCSS) / JavaScript

About the code

Material Design Fullscreen Menu

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

Compatible browsers: Firefox, Opera, Safari

Dependencies: -

back to top