Process Timeline Pro

Process Timeline Pro gives you five common layouts in one module: horizontal "how it works" steps, a vertical timeline, an alternating milestone timeline, a grid of numbered cards, and a progress tracker. Add your steps in one repeater, choose a layout, and publish. No code, no theme dependency, no HubDB.

Everything is editable from the Style tab — fonts, colours, markers, connectors, cards, spacing and animation. Markers can be numbers, Roman numerals, letters, dots, or Font Awesome icons from HubSpot's icon picker, and each step can show an image, an icon, or just text. It looks right with the defaults and matches your brand without writing CSS.

On phones the horizontal layout stacks and the alternating one moves to a single side, so the connectors stay tidy. It's about 8KB of JavaScript with no jQuery, the scroll animations respect reduced-motion settings, the markup uses proper lists with a heading level you choose, and you can turn on HowTo or ItemList schema if you need it.