Skip to content

Cube Flip Navigation

Minimal nav with 3D hover effect

Cube Flip Navigation preview image 1

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 →

11001200127898/149/49/2610/1811/9
  • All · #2777

Details

More like this