---
title: "Motion Minimal Navs — Free Framer component · Best of Framer"
description: "Free Framer component · by Matt · Navigation. Minimalism meets motion 🔥"
canonical: "https://framer.elliotli.dev/component/motion-minimal-navs"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/Motion Minimal Navs

# Motion Minimal Navs

Minimalism meets motion 🔥

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

![Motion Minimal Navs preview image 1](https://framer.elliotli.dev/og/component/motion-minimal-navs/897440d584d9a79b/1600x1200.jpg)

## Summary

Minimalism meets motion 🔥

## Description

## About

Motion Minimal Nav is a compact pill-shaped navigation that smoothly expands into a full menu panel. It includes a built-in light and dark mode, rolling hover animations, a live clock, and fluid interactions across desktop, tablet, and mobile.

## What you can customize

Built entirely with native Framer elements and fully editable on the canvas. Customize the theme, menu links, legal links, social icons, clock visibility, colors, typography, animations, and responsive behavior without code.

## Great for (examples)

Just a few ideas, use it anywhere you want navigation to feel more refined:

-   Portfolio websites
    
-   Creative agency websites
    
-   Design studios
    
-   Personal websites
    
-   Startup landing pages
    
-   Product websites
    
-   Minimal websites
    
-   Modern one-page websites
    
-   Creative portfolios
    
-   Premium Framer templates
    
-   Interactive web experiences
    
-   Personal brands
    

## Share your build

If you ship something cool with it, post it on X and tag me [@Matthias\_Oel](https://x.com/Matthias_Oel), or send it over. I’d love to see what you create.

## Need help?

Questions or feedback? Reach me anytime: [matthias@lmvision.de](mailto:matthias@lmvision.de) or on X [@Matthias\_Oel.](https://x.com/Matthias_Oel)

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

-   All · #381

## Details

- **Author**: Matt
- **Published**: 2026-07-27
- **Updated**: 2026-10-30
- **Added**: 2026-07-27
- **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