Interactive Wheel

What is Interactive Wheel?

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. 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 .

Scroll-driven content wheel with arc.