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

Very contemporary! Another website, another draft and experiment with my so called "grid" style. Added custom cursors, accordion, sticky containers, lottie burger, etc.

Still working on it – feel free to clone.

contemporary

Clone: Grid Style Website Draft (cursor / sticky / accordion / lottie)

A sticky scrolling component that uses interactions to highlight a few features while you scroll past. It also allows the user to click any of the titles to anchor scroll and to that specific feature.

Sticky Scroll Feature Section

Inspired by Pixel Geek, mega nav done with dropdown components. Simplified in style, added some simple transition. Feel free to clone.

mega-menu

Clone: Simple Mega Nav Menu

Made this back when Webflow released sticky to test out. Showed some people who thought it might be useful so thought I'd add it. Enjoy!

Sticky-stick-stick-stick-em-up

sticky-stick-stick-stick-em-up

I found Duncan Hamra's solution (https://webflow.com/website/Sticky-On-Scroll) and recreated it using CSS only.

This setup should work on all modern browsers as far as I'm aware. I used CSS Grid for alignment which won't work on older browsers.

Sticky on Scroll by Wilson

Sticky on Scroll with Pure CSS

A way to use sticky to make a section show up from behind another section. If you have two divs. For this - 100vh each set to relative, on on top of the other. Then the second one make it sticky - bottom '0'. Make z-index on sticky div lower than first div and this happens.

Scroll From Under

Section Scroll From Under

Clonable mobile responsive sidebar. Clone and have fun!

Mobile Responsive Sidebar navbar

mobile-responsive-sidebar-navbar

The project was made to help a forum question > https://forum.webflow.com/t/anyone-know-how-to-do-this/76693

Sticky Sidebar

Sticky sidebar nav

Following the great Timothy Ricks, here some implementations of his glorious custom codes – all black & white:

Magnetic custom cursor adapting to the button's shapes and fills. I added some nav menu interactions, black text highlight, etc. 

Feel free to clone!

Lost? > Tutorial by Tricks here: https://www.youtube.com/watch?v=A2yzN7NSUo8

dark-custom-magic

Custom Dark Magic

floating action button

floating-action-button

I rebuilt the MoMA Navigation and parts of its homepage. Check and clone (desktop only).

moma-menu

Clone: MoMA Nav Rebulid

mailchimp.com landingpage (only nav and hero section)
-Sticky navbar
-Navbar color change it when hovered and scroll
-Menu show when it hovered
-Not yet responsice

mailchimp-navbar-and-hero

mailchimp-responive-navbar-and-hero

Rudder navigation

rudder-navigation

A sticky search button feature with interactions

002 Search Form

My latest project in progress – working on this art guide with various interactions, sticky stuff and a grid layout style. First draft for the home page is +/– ready. 

All based on the template available for cloning – see my clone projects.

Hungary Contemporary

Online Art Guide – Hungary Contemporary

Site de venda de cursos para quem deseja se tornar um profissional no mundo das finanças.

Features:
*Blog (CMS)
*Fully Responsive
*Newsletter Box
*Reviews
*Background Video
*Sticky Nav
*Sticky Card

LS Certificaçōes

ls-certificacoes

I wanted to create a vertical sticky "sliding" section header and initially had some problems with it to make it work smoothly. After some fiddling around I came up with the current solution which does exactly what I wanted.

Vertical Sticky

Vertical Sticky "Sliding" Section Header

Simple, responsive portfolio page with a sticky nav and fun little touches. It's my first Webflow project and I'm completely addicted!