Arc NavBar

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.