Recent Design Finds: Compact Navigation

A little collection of website menus that are compact and open into nifty boxes or shapes.

Designing a website can be quite the challenge, and when it comes to crafting the navigation, it’s a whole different ball game. With options like full-screen overlays, push menus, and mega menus, the possibilities seem endless.

Lately, I’ve stumbled upon some compact menu pattern that takes a more subtle approach—small, unobtrusive designs that blend seamlessly while still offering users a clear path to navigate. They can come in different shapes which adds an intriguing dimension and the way they open can be quite interesting. Throw in a blurry background, and voilà—an irresistibly sleek element in a design.

I’d love to share a few of my top picks with you in the hopes that they might inspire and delight.



Enpower Trading

Ask Phill

Vendredi Society


Sarah Bassett






Wow Tapes

Your Majesty

Fratelli Rossi

And? Which one is your favorite? I think mine is VNTNR 🙂

I hope you enjoyed this collection and draw some inspiration from it!

Thanks for checking by!

Tagged with:

Manoela Ilic

Manoela Ilic is the founder and owner of Codrops. With her background in coding and passion for all things design, she creates web experiments and keeps frontend professionals informed about the latest trends in the community. She enjoys gardening and learning about off-grid living, as well as staying up-to-date on the latest industry trends and technologies.

Stay in the loop: Get your dose of frontend twice a week

👾 Hey! Looking for the latest in frontend? Twice a week, we'll deliver the freshest frontend news, website inspo, cool code demos, videos and UI animations right to your inbox.

Zero fluff, all quality, to make your Mondays and Thursdays more creative!