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.
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
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
Theme — Obsidian, Midnight, Arctic, Ember, or Custom
Content Mode — Testimonial or Description
Font — custom font family selection
Animation Speed — Fast, Medium, or Slow
Auto Rotate — toggle automatic cycling on/off
Interval — seconds between auto-rotations (1–15s)
Background, Accent, Text, Text Dim, Arc Line
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.
We design and build custom Framer components. Get in touch at contact@teampixel.com.au.
Aidan Looker
