Modules
Horizontal Timeline
Top & Bottom Labels
Each milestone carries an optional top label for step number or date and a bottom label for the title, with independent toggles per item
Icon, Dashed, or Solid Dots
Pick a global dot style, then drop a FontAwesome icon into each step and control size, color, and the icon-to-dot ratio
Image or Text Panel
Reveal a two-column image and rich text layout below the timeline or switch to a clean text-only panel with editable border and background
Active Step Animation
The selected dot scales up and casts a soft shadow while the progress line fills to that point, making the current milestone unmistakable
What it does
The Horizontal Timeline module lays out a row of dated milestones across the top of a section. Each step is a dot, an optional icon, a top and bottom label, and a content panel that swaps in below when the dot is clicked.
Use it for a company history, a product roadmap, a process or onboarding flow, project phases, or any sequence of moments that reads better in time order than as a list.
Live preview
See the module in action
This is a real render of the Horizontal Timeline module with default settings.
Discovery
Kick off the journey by mapping the goals, the audience, and the constraints that will shape every step that follows.
