---
title: "Pie Menu — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Aidan Looker · Navigation. What is Pie Menu?"
canonical: "https://framer.elliotli.dev/component/pie-menu"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/Pie Menu

# Pie Menu

Radial menu with spring animations.

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

![Pie Menu preview image 1](https://framer.elliotli.dev/og/component/pie-menu/0dc2030b62444f0d/1600x1200.jpg)

## Summary

What is Pie Menu?

## Description

## What is Pie Menu?

Pie Menu is a radial floating action button that fans menu items outward in a smooth, animated arc. Click the trigger to reveal up to eight action items arranged in a full circle, half circle, quarter arc, or any custom range. Use it as a sticky viewport FAB for quick-access navigation, a contextual toolbar for content actions, or a creative interaction element that sets your site apart. Includes three curated themes, a glassmorphism mode, and full custom colour control.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-8vjwbcr2-RQLDut7AgLOovQEwgaJNpNG4n3n3B6)](https://teampixelau.lemonsqueezy.com/checkout/buy/3b016e8d-2ba4-4944-8431-e2c592334df1)

## Core Features

-   Three built-in themes - Midnight, Frost, and Glass - plus a fully customisable colour mode for trigger, items, labels, and overlay
    
-   Seven sticky viewport positions
    
-   Three spring animation presets - Pop, Elastic, and Smooth - with adjustable stagger timing for cinematic reveal sequences
    
-   Smart label placement that adapts to item angle and viewport edge, supporting always-visible, hover, and hidden modes
    
-   Background dim and blur overlay effects to draw focus to the menu when open
    
-   18 built-in icons covering common actions: share, bookmark, edit, trash, copy, link, download, upload, settings, search, home, user, heart, star, camera, mail, phone, and chat
    

## Controls inside Framer

### Menu Items

-   Up to 8 items, each with selectable icon, custom label text, and native Framer link
    

### Theme

-   Midnight, Frost, Glass, or Custom
    

### Position

-   Canvas (manual placement) or sticky: Bottom Right, Bottom Left, Top Right, Top Left, Center Left, Center Right
    

### Arc Type (canvas mode only)

-   Full Circle, Half Circle, Quarter, or Custom with start and end angle controls
    

### Layout

-   Radius (50-250 px)
    
-   Direction: Clockwise or Anticlockwise
    
-   Item Spacing (angular gap between items)
    

### Trigger Button

-   Size (36-80 px)
    
-   Shape: Circle or Rounded Square
    
-   Icon selection
    
-   Open-state rotation amount
    
-   Shadow intensity
    

### Item Style

-   Item size and icon size
    
-   Background style: Solid or Glass (frosted glassmorphism)
    
-   Label display mode: Always, On Hover, or Hidden
    

### Animation

-   Preset: Pop, Elastic, or Smooth
    
-   Stagger delay per item (20-120 ms)
    

### Colors (Custom theme only)

-   Trigger background and icon colour
    
-   Item background and icon colour
    
-   Label background and text colour
    
-   Overlay colour
    

### Overlay

-   Dim Background toggle with adjustable opacity
    
-   Blur Background toggle with adjustable blur amount
    

### Behaviour

-   Auto-close on item selection
    
-   Close delay on mouse leave (0-1000 ms)
    
-   Label font selection
    

## Best use cases

-   Floating action button for SaaS dashboards, portfolios, and marketing sites
    
-   Contextual quick-action toolbar for content-heavy pages
    
-   Mobile-inspired radial navigation for creative or interactive landing pages
    
-   Sticky viewport menu for social sharing, bookmarking, and editing shortcuts
    

Drop Pie Menu onto your canvas and go from static page to interactive experience in under a minute.

## Questions or custom requests?

We design and build custom Framer components. Get in touch at [contact@teampixel.com.au](mailto:contact@teampixel.com.au).

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

-   All · #9460

## Details

- **Author**: Aidan Looker
- **Price**: $9.00
- **Published**: 2026-03-31
- **Updated**: 2026-06-13
- **Added**: 2026-03-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