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

  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

Creator

  • Antonija Šimić

Programming language

  • HTML / CSS

Information the code

Sexy Fullscreen Menu

Sexy fullscreen menu with sexy links in HTML and CSS.

Browser Support: 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

Creator

  • Erin E. Sullivan

Programming language

  • HTML / CSS

Information 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.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Dependencies:

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

Creator

  • Rune Sejer Hoffmann

Programming language

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

Information the code

Fullscreen Menu Concept

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

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Dependencies:

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

Creator

  • Brandon Ward

Programming language

  • HTML / CSS (SCSS) / JavaScript

Information the code

CSS Full Width Menu

Full width menu & SVG animation.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Dependencies: font-awesome.css

Demo image: Fullscreen Menu Fullscreen Menu - GIF Demo

Creator

  • Christopher Mally

Programming language

  • HTML / CSS / JavaScript

Information the code

Fullscreen Menu

Burger Menu. Mobile Optimized. Modal.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Dependencies:

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

Creator

  • Akshay Nair

Programming language

  • HTML / CSS (SCSS)

Information the code

Pure CSS Fullscreen Menu

Pure CSS fullscreen menu concept.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Dependencies:

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

Creator

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

Programming language

  • HTML / CSS

Information the code

Pure CSS3 Menu Fullscreen

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

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Dependencies:

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

Creator

  • Brenden Palmer

Programming language

  • HTML / CSS (Less)

Information the code

Fullscreen Navigation Menu

Pure CSS fullscreen navigation menu.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Dependencies:

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

Creator

  • Matthew Blode

Programming language

  • HTML / CSS (SCSS) / JavaScript

Information the code

Burger – Minimal, Fullscreen Navigation

Burger is a minimal hamburger menu with fullscreen navigation.

Browser Support: Chrome, Edge, Firefox, Opera, Safari

Dependencies:

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

Creator

  • Arjan Jassal

Programming language

  • HTML / CSS (SCSS) / JavaScript

Information the code

Material Design Fullscreen Menu

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

Browser Support: Firefox, Opera, Safari

Dependencies: