Discover the best full-screen-nav websites created by professional designers. Get inspired and start planning your perfect full-screen-nav web design today!

I decided to recreate a nice looking full-screen navigation. This is not my design. Original source: http://publiclibrary.co.nz.

publiclibrary

Full-screen navigation

A fancy full-screen Webflow navigation menu, which is completely responsive and can also be used from a desktop breakpoint.

The custom open and close animation with an animated background gradient gives the navigation menu an additional character of its own. 

Check out the tutorial here on my channel:
https://youtu.be/XiPq7BcyOPs

Responsive Fullscreen Webflow Navigation With Custom Animation

Responsive full-screen Webflow navigation menu

Played around with a full screen menu. Was also able to make it sort of responsive as it shifts to the right side on mobile.

Full screen Menu Navigation

Full Screen Menu Navigation

Veza Digital

Beautiful animated full-screen nav that's super easy to clone and use in your own projects!

Keep an eye on how the logo was animated and be sure you make your own logo files that work with this (one for a dark background, one for a light background).

Enjoy!

Slick Navigation

Full Screen Navigation Cloneable

Pretty Nice Websites

Easy full screen menu with a simple interaction on the burger menu. Enjoy

Simple Full Screen Menu

Useful for menus without a lot of nav links.

======

http://youtube.com/pixelgeek 
http://instagram.com/pxlgk 
http://twitter.com/thepixelgeek

http://pixelgeek.co

overflow-full-screen-menu

See how its built

https://www.youtube.com/watch?v=yqlY5nQmXGk

full-screen-circle-menu

Animated full screen menu.
Based on Client-first style system v.2.

Fix navbar (with logo & hamburger menu trigger).
Animated full screen menu with links.

How to use it in your project:
1. Copy & paste navigation symbol to your project.
2. Paste custom code into your project settings.
3. Style your new menu to match the site design (typeface will be inherited from your body all pages tag)

Full screen menu (cloneable)

Interactive full screen menu

Webflow University

A cloneable project that was created for the Build with me #5 livestream which features a fully custom full screen menu.

Watch the livestream replay: https://youtu.be/g6TSMQEajpA

Discover full screen nav websites built by the Webflow community

Discover full screen nav websites built by the Webflow community