Stripe.com Header Navigation Code

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.