Wheel scale nav

Wheel scale Navigation is an interactive Framer navigation component featuring a circular wheel layout, numbered navigation links, and image previews. With smooth reveal animations, customizable colors, and adjustable typography, it transforms a traditional website menu into an engaging visual experience. Use it for creative portfolios, design studios, agency websites, and personal projects that need navigation with a distinctive look.

Features

• Circular wheel navigation with interactive menu items.

• Custom navigation labels and numbered ticks.

• Image previews for individual navigation links.

• Smooth reveal animations with adjustable animation speed.

• Customizable text, accent, and icon colors.

• Adjustable wheel angle, tilt, and spacing between items.

• Multiple icon styles with customizable size and stroke width.

• Circular image previews with adjustable image size and positioning.

• Adjustable text size for desktop and mobile.

• Configurable wheel direction and looping behavior.

• Responsive options for mobile navigation layouts.

• Custom typography controls for navigation labels and numbers.

What you can customize

• Navigation labels, numbering, and associated images.

• Wheel positioning, angle, tilt, and item spacing.

• Animation style, speed, and reveal behavior.

• Text color, accent color, and icon appearance.

• Image shape, size, and placement.

• Label typography and font sizes.

• Wheel side, panel width, and mobile breakpoint settings.

• Looping and initial navigation behavior.

Best for

• Portfolio websites that need an immersive navigation experience.

• Creative studios and agencies looking for a memorable menu.

• Designer portfolios showcasing projects through image previews.

• Experimental websites with interactive, motion-led interfaces.

• Personal brands that want to replace a standard menu with something more expressive.

Need help? Email wamukamau2021@gmail.com