Cube Flip Navigation

Show Preview
Cube Flip Navigation

About Cube Flip Navigation

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.