---
title: "Cube Flip Navigation — Free Framer component · Best of Framer"
description: "Free Framer component · by Val Casanova · Navigation. Minimal nav with 3D hover effect"
canonical: "https://framer.elliotli.dev/component/cube-flip-navigation"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/Cube Flip Navigation

# Cube Flip Navigation

Minimal nav with 3D hover effect

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

![Cube Flip Navigation preview image 1](https://framer.elliotli.dev/og/component/cube-flip-navigation/90fd4c5cb015c486/1600x1200.jpg)

## Summary

Minimal nav with 3D hover effect

## Description

A clean and modern navigation component, built around 3D flip buttons. The 3D cube effect is smooth, lightweight and purely CSS-driven, without bloat and dependencies.

Designed to be versatile. The component works equally well on dark or light backgrounds, color are fully adjustable via property controls.

### What's included

-   Navbar with flip effect on all menu items
    
-   Per-item control over front color, background, hover color and hover background
    
-   Font controls including size, weight, letter spacing and line height
    
-   Padding control
    
-   1 link per item with native Framer link picker
    
-   3D style flip effect with adjustable animation speed
    

### Customization

Every nav item is a standalone component. Duplicate, reorder, or restyle each one independently. Want one item to stand out as a CTA? Give it a contrasting hover background and it reads as a button automatically.

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

-   All · #2777

## Details

- **Author**: Val Casanova
- **Published**: 2026-06-20
- **Updated**: 2026-07-06
- **Added**: 2026-06-20
- **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