---
title: "Navbar - Minimal — Free Framer component · Best of Framer"
description: "Free Framer component · by VectorFlow Studio · Navigation. Light & Dark Theme Floating Navbar"
canonical: "https://framer.elliotli.dev/component/navbar-minimal"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/Navbar - Minimal

# Navbar - Minimal

Light & Dark Theme Floating Navbar

[View on Framer](https://framer.com/marketplace/components/navbar-minimal/?via=elliot-li)

![Navbar - Minimal preview image 1](https://framer.elliotli.dev/og/component/navbar-minimal/ff604dc37da40c9b/1600x1200.jpg)

## Summary

Light & Dark Theme Floating Navbar

## Description

## ✅**Overview**

Elevate your website navigation with a modern, floating navbar designed for Framer. Built with 10 production-ready responsive variants, interactive hover states, and fully flexible color controls. Perfectly suited for SaaS landing pages, portfolios, agencies, and modern web applications.

## 🚀**Key Features**

-   **10 Responsive Variants:** Includes tailored layouts for Desktop, Tablet (Closed/Open), and Phone (Closed/Open) across both Light and Dark themes.
    
-   **100% Color & Style Customizable:** Full control over container background fills, text colors, button states and mobile menu overlays via exposed component variables.
    
-   **Interactive Mobile Menu:** Fluid tap triggers and animated spring transitions for seamless mobile navigation drawer interactions.
    
-   **Multi-Page Ready:** Pre-configured route properties for instant link mapping to internal pages or section anchors.
    

❕❕❕Note: It has preset light and dark themes which the color can be edited.

❤ **Thank you so much for your support! I genuinely appreciate every download.**

## Rank history [How rankings work →](/terms#rankings)

-   All · #4741

## Details

- **Author**: VectorFlow Studio
- **Published**: 2026-09-13
- **Updated**: 2026-10-24
- **Added**: 2026-09-13
- **Categories**: Navigation

## More like this

-   [Reveal Navigations](/component/reveal-navigations) — Design Supply · Free — A calmer way to open your menu
-   [Collapsible Sidebar](/component/collapsible-sidebar) — Marso Angelov · $10 — Responsive Side Navigation
-   [Dial Picker](/component/dial-picker) — Tanmay Kaper · $14 — A machined dial for your projects
-   [Expanding Side Menu](/component/expanding-side-menu) — Russet Supply · $5 — Animated Framer Navigation