Discover the best full-screen-navigation websites created by professional designers. Get inspired and start planning your perfect full-screen-navigation 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

There are multiple ways to achieve this effect. Here's one of them.

Product 360 view

eCommerce // 360 product view

A simple presentation of how you can add a Zoom effect on your product images using interactions only.

Supreme E

eCommerce // Product Image Zoom

minimal-fest

Just another experiment...

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

Clonable eCommerce SaaS concept w/ full screen navigation, pricing table & CMS blog section.

One Two Three

One. Two. Three. | Clonable eCommerce SaaS concept

I gave myself a small challenge: recreate a Dribble shot from Nathan Riley ( https://dribbble.com/shots/4616519-Wandr-Cabin-Fever-Header-Transition )

Note: I roughly cut out the layers...

cabin

Parallax Header Transition

This was my submission for the iX2 contest back in November.

cottoncandy

Experimental Navigation

Forum Help
(https://forum.webflow.com/t/tab-click-to-change-body-border/68819)

border-tab

Custom Tab

The answer to a forum thread:
https://forum.webflow.com/t/how-can-i-create-a-scroll-effect-similar-to-this-site/54454/2

Objectslookcloser

Fixed-Hero Section

Dark Mode Switch

IX2 Dark mode toggle

border-demo

Inside Border

Pricing page

Simple Pricing page

Full-screen navigation with some beautiful interactions - this was made for desktop only, so use it on mobile at your own risk.

Insane Menu

Cloneable Amazing Navigation

The answer to a forum post: 
https://forum.webflow.com/t/link-block-customization/54470

Discover full screen navigation websites built by the Webflow community

Discover full screen navigation websites built by the Webflow community