Dynamic Navigation Bar

Hi, just finished completing my another prototype where the progress bar inside the Navigation bar is tied to scroll of the page

Peek inside the Full page

this is only a 1 page demo without the routes so no page transition sadly but those features are available now on my portfolio (still W.I.P), I also have another demo for my Hero Section which is already implemented, very proud of this works and I'm happy to share it and give it away

I've used framer motion and motion one for this prototype since the best way to learn a new library is to use it, motion one's API was very minimal and would very suit micro interactions which would be used for my upcoming micro interaction for the call to action button

This little things makes the flow much smoother not just for the developers but also for the users, visual elements always tend to give misinformation for both sides so I like to add the actual information on the micro interaction

If you're interested for more...be sure to check my socials

Bento

Portfolio

More by John Evan Solanoy

View profile