Ivory Navigation

Show Preview
Ivory Navigation
Ivory Navigation

About Ivory Navigation

Ivory Navigation is a free native Framer navigation component with a warm cream finish, black accents and room for a richer site structure. It brings a three-column mega menu, two focused dropdowns and a compact mobile drawer into one coordinated header.

Room to explore

The Explore panel groups six links across three columns above an image footer. Solutions and Resources provide smaller menus for four and five links. Desktop and compact variants carry the same visual style across layouts.

On phones, the menu opens into a two-column drawer with its own scroll area, keeping longer navigation contained. The menu button switches between open and closed states.

Adapt the details

Make the header part of your own visual system. Edit labels, destinations, imagery and styling inside the native Framer component. Adjust typography, colors and spacing in the editor, and use Show Login in the main property panel to choose whether the login link appears.

A place for more

For product websites, design libraries, creative studios, resource hubs and multi-page portfolios that need more than a single row of links.

Made by Design Supply

From Design Supply

Glide Navigation
Obsidian Navbar
Arcshift Gallery

Related Components

Mono Nav
Scroll Sync
Split Underline Link
Magnetic Icons Dock