---
title: "Circle Navigation — Free Framer component · Best of Framer"
description: "Free Framer component · by Astrolab · Navigation. This component provides a modern, interactive circular navigation menu built entirely in Framer."
canonical: "https://framer.elliotli.dev/component/circle-navigation"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/Circle Navigation

# Circle Navigation

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

![Circle Navigation preview image 1](https://framer.elliotli.dev/og/component/circle-navigation/5a4593fc2aee8c77/1600x1200.jpg)

## Summary

This component provides a modern, interactive circular navigation menu built entirely in Framer.

## Description

This component provides a modern, interactive circular navigation menu built entirely in Framer. It features a central trigger button that expands menu items outward in a radial layout, offering a clean and engaging alternative to traditional navigation. Ideal for creative websites, dashboards, game UIs, and experimental interfaces.

### Main Features

-   **Variants**: Switch between collapsed and expanded states with smooth animations.
    
-   **Radial Layout**: Menu items are evenly distributed around the center for a balanced circular design.
    
-   **Custom Styling**: Easily adjust colors, sizes, spacing, and icon styles to match your brand.
    
-   **Animation Control**: Fine-tune transition timing and easing for a fluid interaction.
    
-   **Responsive Behavior**: Works seamlessly across desktop and mobile layouts.
    

### Menu Item Properties

-   **Icon Support**: Use built-in icons or replace them with custom images.
    
-   **Hover States**: Visual feedback for interactions using glow, or opacity effects.
    
-   **Rotation Control**: Adjust item angles and spread to create unique circular or semi-circular menus.
    

This component is designed to be flexible, no-code friendly, and easy to customize, allowing designers to create visually striking circular menus without writing a single line of code.

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

-   All · #6289

## Details

- **Author**: Astrolab
- **Published**: 2026-01-12
- **Updated**: 2026-01-12
- **Added**: 2025-12-23
- **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