Image Wheel · Free Interactions Component
What It Does:
The Image Wheel component arranges child elements (usually images or icons) in a circular wheel layout, not a carousel. When a user hovers over the wheel:
Items respond with a 3D tilt and push-down depth effect (like a pressure-sensitive surface).
Nearby items "rise" and optionally "flip" to simulate visual focus.
It gives a highly interactive, futuristic, and dynamic feel to static image collections — great for grabbing attention and showcasing content in a non-linear fashion.
Property Controls:
Items (Slot)
Radius
Item Width / Height
3D Tilt (On/Off)
Tilt Strength
Raise Amount
Falloff
Animation
Best Use Cases:
Portfolios: Display a circle of project thumbnails or icons.
Product Highlights: Interactive product selectors or showcases.
Landing Pages: Eye-catching hero sections to visually group categories or features.
Interactive Galleries: Ideal for playful or tech-savvy UI/UX experiences.
What It Does:
The Image Wheel component arranges child elements (usually images or icons) in a circular wheel layout, not a carousel. When a user hovers over the wheel:
Items respond with a 3D tilt and push-down depth effect (like a pressure-sensitive surface).
Nearby items "rise" and optionally "flip" to simulate visual focus.
It gives a highly interactive, futuristic, and dynamic feel to static image collections — great for grabbing attention and showcasing content in a non-linear fashion.
Property Controls:
Items (Slot)
Radius
Item Width / Height
3D Tilt (On/Off)
Tilt Strength
Raise Amount
Falloff
Animation
Best Use Cases:
Portfolios: Display a circle of project thumbnails or icons.
Product Highlights: Interactive product selectors or showcases.
Landing Pages: Eye-catching hero sections to visually group categories or features.
Interactive Galleries: Ideal for playful or tech-savvy UI/UX experiences.
