Modern Index Navbar

Index Nav — Fullscreen Navigation

A modern, responsive fullscreen navigation component for Framer.

Designed for creative websites, portfolios, studios, agencies, and modern landing pages. Click the menu button to reveal a fullscreen index-style navigation with smooth staggered transitions and large typography.

What's included

• Responsive desktop and mobile navigation

• Fullscreen menu overlay

• Staggered menu reveal animation

• Custom logo / brand mark

• Custom menu items and links

• Custom colors

• Custom heading and body fonts

• Adjustable content width

• Configurable menu label

• Open-by-default option

• Keyboard-friendly Escape-to-close behavior

Important — Setup

After dragging the component into your Framer project, set a fixed height for the component/frame according to the section where you want to use it.

The component uses the frame's height for its navigation area, while the opened menu can expand to the available viewport.

Easy to customize

Everything important is exposed through Framer's property controls, so you can adapt the navigation to match your brand without editing the code.

Best for

• Portfolio websites

• Creative studios

• Agencies

• SaaS websites

• Personal websites

• Modern landing pages

• Editorial / creative websites

Build a polished navigation experience without creating the interaction from scratch.