Skip to content

component

Cube Flip Navigation

By Val Casanova

Details

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.

Introduction

Minimal nav with 3D hover effect

Rank history

Daily rank per list, from the first snapshot — lower is better.

11001200126258/148/228/309/79/15
  • All · #1928