---
title: "Interactive Wheel — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Aidan Looker · Carousels. What is Interactive Wheel?"
canonical: "https://framer.elliotli.dev/component/interactive-wheel"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Interactive Wheel

# Interactive Wheel

Scroll-driven content wheel with arc.

[View on Framer](https://framer.com/marketplace/components/interactive-wheel/?via=elliot-li)

![Interactive Wheel preview image 1](https://framer.elliotli.dev/og/component/interactive-wheel/82cae81b4ce85ea6/1600x1200.jpg)

## Summary

What is Interactive Wheel?

## Description

## What is Interactive Wheel?

Interactive Wheel is a scroll-driven, arc-based content component that arranges icons along a curved orbital path. Users navigate by dragging, scrolling, or clicking — each item snaps to centre with spring-damped motion while a content panel animates below. It supports both testimonial mode with avatars and names, and a description-only mode for feature walkthroughs, making it ideal for social proof, product tours, and service breakdowns.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-8vjwbcr2-RQLDut7AgLOovQEwgaJNpNG4n3n3B6)](https://teampixelau.lemonsqueezy.com/checkout/buy/3b016e8d-2ba4-4944-8431-e2c592334df1)

## Core Features

-   Infinite looping wheel with true wrap-around — content never runs out, no matter how far users scroll
    
-   Spring-physics snapping with configurable speed (Fast, Medium, Slow) for natural, premium-feeling motion
    
-   Dual content modes — Testimonial with avatar, name, and role, or Description for text-only feature highlights
    
-   40+ built-in SVG icon presets with custom image upload support for brand-specific icons
    
-   Four curated colour themes (Obsidian, Midnight, Arctic, Ember) plus full custom colour control
    
-   Auto-rotate with adjustable interval and automatic pause during user interaction
    
-   Smooth arc curve line with edge-fade dissolve for polished visual framing
    
-   Fully responsive layout that scales proportionally to any container size
    

## Controls inside Framer

### Items

-   Icon — choose from 40+ preset icons or upload a custom image
    
-   Text — testimonial quote or description content
    
-   Avatar — upload a custom avatar image
    
-   Name — person or feature name
    
-   Role — subtitle or position text
    
-   Accent — per-item colour for icon and active border
    

### Appearance

-   Theme — Obsidian, Midnight, Arctic, Ember, or Custom
    
-   Content Mode — Testimonial or Description
    
-   Font — custom font family selection
    

### Behaviour

-   Animation Speed — Fast, Medium, or Slow
    
-   Auto Rotate — toggle automatic cycling on/off
    
-   Interval — seconds between auto-rotations (1–15s)
    

### Custom Colours (when Custom theme is selected)

-   Background, Accent, Text, Text Dim, Arc Line
    

## Best use cases

-   Social proof and testimonial carousels on SaaS landing pages and agency portfolios
    
-   Product feature tours that walk visitors through benefits with dedicated icons
    
-   Service breakdowns for consultancies, studios, and multi-offering businesses
    
-   Case study highlights where each client or project gets its own wheel position
    

The fastest way to turn static testimonials into an interactive, scroll-stopping experience that keeps visitors engaged and builds trust.

## Questions or custom requests?

We design and build custom Framer components. Get in touch at [**contact@teampixel.com.au**](mailto:contact@teampixel.com.au).

## Rank history [How rankings work →](/terms#rankings)

-   All · #6691

## Details

- **Author**: Aidan Looker
- **Price**: $9.00
- **Published**: 2026-06-05
- **Updated**: 2026-06-13
- **Added**: 2026-05-17
- **Categories**: Carousels

## More like this

-   [3DCurvedImageMarquee](/component/3dcurvedimagemarquee) — Lera · $4 — Curved perspective double ticker
-   [Orbit Kit Carousel](/component/orbit-kit-carousel) — Khairul Fauzy Khairudin · $12 — 3D drag carousel with inertia
-   [Team Orbit](/component/team-orbit) — Ali Musa · Free — Interactive Team Showcase
-   [Glow Testimonial](/component/glow-testimonial) — Interface Studio · Free — Testimonials with a Little Glow