Image Wheel

Show Preview
Image Wheel

About Image Wheel

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.