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.
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
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.
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.
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
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.
