Reveal Navigations

Reveal Navigations is a free Framer navigation component with an animated hamburger menu and a clean, vertical dropdown. A compact header unfolds into five numbered links, combining responsive navigation with warm cream surfaces, graphite accents and generous typography.

A smoother way to explore

The animated menu expands gently as each link appears in a staggered sequence. Fine dividers, subtle hover highlights and outlined arrows keep every destination easy to scan. The hamburger transforms into a close icon without changing the size of the button, giving the header a steady, considered feel.

Make the navigation yours

Shape the content and palette around your brand. Edit the brand name, navigation labels and link destinations in the Property Panel, choose which links open in a new tab, and adjust the surface and graphite colors.

Built with native Framer layers and open/closed variants, the component also lets you refine typography, spacing, dividers and visual details in the editor. Use the cream default for a minimal website header or adapt the colors to your own design system.

A mobile menu with room to move

On shorter screens, the dropdown links scroll inside the panel while the header and close button stay accessible. The responsive menu keeps all five links within reach on mobile, and reopening it returns the list to the top.

Visible keyboard focus, Escape-to-close, outside-click dismissal and support for reduced-motion preferences round out the interaction.

Designed for focused websites

A natural fit for portfolio navigation, creative agency websites, photography portfolios, architecture studios, independent brands and editorial projects. Use it on a landing page or a small multi-page website when you want an expressive menu that leaves space for the content.

Made by Design Supply