Marketplace
Made in Webflow

Trendy Top Nav with Vertical Nav Indicator

1458 views
site profile thumbnail

Description

Hey everyone! I've been seeing this nifty trend on Dribbble wherein the top nav has this transparent area around an indicator on the active state so that you can see whatever is behind the link (i.e., image, color, etcetera). However, what I haven't seen is what these sections might look like when interacted with, or as the user goes down a page. So, I built it out for fun, and I've included a super trendy vertical indicator, which indicates where the user in the page, just for kicks. Thanks for taking a look, and let me know what you think in the comments! Note: If you clone this project and want to add sections, you'll need to duplicate the 2.0 interaction and apply it to the new section, and add a new link block in the vertical nav that directs to the new section. Otherwise, duplicating this project is as easy as clicking the clone button!
Feeling inspired?If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.
trendytrendingverticalvertical navnavigationdribbblesimplemodernclonecloneablenavbarvertical-text

More by Josh Jacobs

See profile
View details
Dynamic Hero Slider! - Dribbble Series ft. Strive
664
1.8k