Menu 3D: Cylindrical Kinetic Typography
Elevate your site navigation into a spatial, interactive centerpiece. Menu 3D takes your standard text links and wraps them into a fully functional, spinning 3D cylinder. Users can drag to spin the wheel, scroll the page to accelerate the rotation, or simply watch it auto-rotate while hovering to select their destination.
✨ Key Highlights
Kinetic Typography Ring: Renders crisp, custom font glyphs onto an interactive 3D belt that supports both front and back-facing visibility.
Interactive Physics: Users can physically grab and throw the menu with their cursor. It features built-in damping to slowly spin down, alongside scroll-linked velocity to speed up as the user scrolls the page.
Perfect Anti-Aliasing: Uses dynamic texture generation and Anisotropy to ensure the typography stays incredibly sharp, even at extreme 3D angles.
⚙️ Complete Design Control
Spatial Alignment: Tilt the ring on the X and Z axes, adjust the camera zoom, and change the bend radius to create everything from a tight carousel to a massive, sweeping curved wall.
Typographic Control: Full support for custom Framer fonts, with granular controls for font size, letter kerning, and word gaps.
Color Dynamics: Define default and hover colors, alongside minimum opacity for the text currently rotating along the "back" of the cylinder.
💡 Perfect For: Immersive hero sections, full-screen overlay menus, and spatial portfolio navigation.
Share It On :