---
title: "Compact Navbar — Free Framer component · Best of Framer"
description: "Free Framer component · by Manali Bapat · Navigation. 3 variants, animated active state"
canonical: "https://framer.elliotli.dev/component/compact-navbar"
---

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

# Compact Navbar

3 variants, animated active state

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

![Compact Navbar preview image 1](https://framer.elliotli.dev/og/component/compact-navbar/84cf947745fd2e04/1600x835.jpg)

## Summary

3 variants, animated active state

## Description

A compact, minimal navbar with a smooth sliding active-state indicator, designed for dark mode interfaces. Its clean, classic look makes it ideal for one-page sites, portfolios and any project that wants understated, timeless navigation.

If you prefer the light mode, grab it here: [https://www.framer.com/community/marketplace/components/compact-navbar-light/](https://www.framer.com/community/marketplace/components/compact-navbar-light/)

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

-   All · #3091

## Details

- **Author**: Manali Bapat
- **Published**: 2026-08-04
- **Updated**: 2026-08-10
- **Added**: 2026-08-04
- **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