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 expands 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 code. Best for: Portfolio websites, creative studios, agencies, SaaS websites, and modern editorial landing pages. --- ### ⚡ Created by [Spark Studio0](https://www.framer.com/@sparkstudio0/) Explore our full collection of interactive Framer UI components and luxury website templates at [framer.com/@sparkstudio0](https://www.framer.com/@sparkstudio0/). Follow our profile for weekly free UI drops!