---
title: "Arc NavBar — Framer component · Best of Framer"
description: "$14.00 · Framer component · by Saira Fayyaz · Navigation. Radial navigation built for Framer"
canonical: "https://framer.elliotli.dev/component/arc-navbar"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/Arc NavBar

# Arc NavBar

Radial navigation built for Framer

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

![Arc NavBar preview image 1](https://framer.elliotli.dev/og/component/arc-navbar/71644b73f7de93d0/1600x1067.jpg)

## Summary

Radial navigation built for Framer

## Description

Arc Nav is a premium responsive navigation component for Framer that turns a compact corner trigger into a smooth fan-style menu. On desktop and tablet, links unfold into a curved arc with numbered items, descriptions, active states and subtle hover feedback. On mobile, Arc Nav automatically switches to a clean bottom-sheet menu with large touch targets and comfortable spacing.

It is designed for websites that need navigation to feel memorable without taking over the page.

**Features:**

-   Animated fan / arc navigation
    
-   Compact floating trigger
    
-   Responsive desktop, tablet and mobile layouts
    
-   Mobile bottom-sheet navigation
    
-   Active section tracking
    
-   Smooth anchor scrolling
    
-   Optional item numbers and descriptions
    
-   Four corner-position options
    
-   Hover and active states
    
-   Glass styling with editable blur
    
-   Reduced-motion support
    
-   Dedicated static-renderer fallback
    

**Editable properties:**

-   Brand name and brand link
    
-   Navigation labels, links and descriptions
    
-   Accent, surface, active, text, muted and border colors
    
-   Trigger size
    
-   Navigation item width and height
    
-   Arc spread
    
-   Border radius
    
-   Edge offset
    
-   Animation speed and stagger
    
-   Show/hide brand, numbers and descriptions
    
-   Section tracking and smooth scrolling
    

**Use cases:**

-   Creative agency and studio websites
    
-   Designer and developer portfolios
    
-   Product and SaaS landing pages
    
-   Architecture and fashion websites
    
-   Experimental editorial layouts
    
-   Personal brands and showcase sites
    
-   Modern campaign or launch pages
    

Arc Nav gives Framer projects a distinctive navigation moment while remaining practical, responsive and highly customizable.

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

-   All · #7194

## Details

- **Author**: Saira Fayyaz
- **Price**: $14.00
- **Published**: 2026-09-12
- **Updated**: 2026-09-12
- **Added**: 2026-09-12
- **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