Wheel Timeline

What is Wheel Timeline?

Wheel Timeline is a premium rotary timeline component with Apple-inspired aesthetics, featuring interactive wheel items positioned inside a curved arc and animated tick marks outside. Scroll or drag to rotate the timeline smoothly, activating detailed content panels with images, descriptions, and counters. Responsive for desktop rotary layouts or mobile horizontal curves. Ideal for company histories, product roadmaps, and achievement showcases.

Core Features

• Rotary wheel with pills inside arc and dynamic tick marks outside for premium depth.

• Four built-in themes (Obsidian, Midnight, Arctic, Ember) plus full custom colors.

• Scroll/drag navigation with spring physics, proximity glows, and breathing tick animations.

• Auto-rotate cycles content hands-free at configurable intervals.

• Content panel modes: detailed (with images), minimal, or hidden.

Controls inside Framer

Timeline Items (Array)

• Year, Title, Subtitle, Description, Icon (preset or custom image).

• Icon color, optional image with src/alt, optional link.

Theme

• Presets: Obsidian, Midnight, Arctic, Ember, Custom.

• Custom colors: Background, Accent, Text Primary, Text Secondary, Card BG/Border.

Typography

• Font Family (fallback).

• Title Font, Body Font, Label Font (family + weight).

Wheel

• Arc Radius (200–600px).

• Tick Count (10–80), Show Tick Marks toggle.

Layout & Animation

• Variant: Desktop (arc), Mobile (horizontal).

• Content Mode: Detailed, Minimal, Hidden.

• Speed: Fast, Medium, Slow.

• Auto Rotate toggle + Interval (1–15s).

Best use cases

• Company about pages narrating funding rounds, launches, and global expansion.

• Product timelines highlighting development milestones and version releases.

• Portfolio sections showcasing career progression or project evolution.

• Investor decks mapping growth metrics chronologically with visual polish.

Questions or custom requests?

We design and build custom Framer components. Get in touch at contact@teampixel.com.au