Stripe.com Header Navigation Code

Worried about licensing?

Do you have right license for your templates and fonts?

Head over to our partner Envato Elements and unlock unlimited downloads of over 50 million digital assets with full commercial licensing.

  • 50+ Million Assets with Unlimited Downloads
  • Templates, Addons, Fonts, Footage, Photos, Brushes, Presets & More
  • Full Commercial licensing for client work

Get ultimate peace of mind!

Get Started Now
Image: Stripe.com Header Navigation Code GIF

Stripe.com has a pretty sweet header navigation design. You might remember them from the client logo hover animation post from a few days ago. This time Maciej Leszczyński has recreated the navigation, where the dropdown morphs according to the size of its content.

If you like this you might also like our other famous design deconstructions.

If you are having trouble with the pen, try the archived copy on GitHub

Stripe Header Navigation Snippet

See the Pen Simple Stripe.com Like Navigation by Maciej Leszczyński (@devy_pl) on CodePen.0

Posted by:Hima Vincent

Hima Vincent is the founder & editor in chief of CodeMyUI. She is a writer by day and a reader by night who helps web designers build awesome projects by sharing amazing code snippets for inspiration. Hobbies include designing, card games, photography and exploring the culinary arts.