---
title: "Animated Radial Nav — Free Framer component · Best of Framer"
description: "Free Framer component · by Matt · Navigation. About Animated Radial Nav expands a compact circular button into five concentric navigation rings."
canonical: "https://framer.elliotli.dev/component/animated-radial-nav"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/Animated Radial Nav

# Animated Radial Nav

Make opening the menu a moment ✨

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

![Animated Radial Nav preview image 1](https://framer.elliotli.dev/og/component/animated-radial-nav/1bf3a6e581ddc3c5/1600x1200.jpg)

## Summary

About Animated Radial Nav expands a compact circular button into five concentric navigation rings.

## Description

## About

Animated Radial Nav expands a compact circular button into five concentric navigation rings. Curved text rolls along each ring on hover while the selected band grows. Smooth opening and closing animations, a morphing menu icon, and dedicated phone layouts make the navigation itself part of the experience.

## What you can customize

Built entirely with native Framer elements and fully editable on the canvas. Change each link’s label, destination, and new-tab behavior from the panel. Customize colors, typography, ring sizes, icons, and animation timing within the component. Includes five links; longer labels may need spacing adjustments. No code or overrides required.

## Great for (examples)

Just a few ideas, use it anywhere a compact menu should open into something memorable:

-   Radial navigation and circular menus
    
-   Expanding menus and concentric ring layouts
    
-   Portfolio navigation and personal websites
    
-   Creative agencies and design studios
    
-   Photography portfolios and visual showcases
    
-   Fashion, lifestyle, and experimental brands
    
-   Architecture and interior design websites
    
-   Cultural projects, galleries, and exhibitions
    
-   Editorial websites and project collections
    
-   One-page sites and section navigation
    
-   Curved typography and text hover interactions
    
-   Mobile menus and responsive Framer templates
    

## 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)

## Need a matching component?

Explore more navigation components for your next project:

-   [Motion Corner Menu ✨](https://framer.link/ikkDlm1)
    
-   [Fullscreen Navbar ✨](https://t.co/uO2NqVoU0M)
    
-   [Explore all components →](https://framer.link/fsd2pgh)
    

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

-   All · #3089

## Details

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