Select Page

Divi Timeline Slider Module

Tell your story one milestone at a time with an interactive timeline slider. Choose spotlight, deck or expanding rail layouts, mark each step with years, icons, numbers or images, and bring every item to life with animated content, autoplay progress and flexible navigation.

Spotlight Timeline with Autoplay Progress

Put one milestone in the spotlight at a time. Year markers sit on a progress line, the next item plays automatically with a progress bar, and distance falloff softly fades the items further from the active one.

2008Started in a Spare Room
Started in a Spare Room
Founded

Started in a Spare Room

Two friends set up a desk by the window and shipped their first client website from a tiny home office.

2011Our First Studio
Our First Studio
5 People

Our First Studio

We moved into a bright loft studio with room for a growing team, a big table and plenty of coffee.

2014First Product Launch
First Product Launch
Launch

First Product Launch

After months of planning and sketching, we released our first product and welcomed the first thousand customers.

2018A Growing Team
A Growing Team
40 People

A Growing Team

Designers, developers and support specialists joined us as we expanded into new services and markets.

2022Opening Global HQ
Opening Global HQ
3 Countries

Opening Global HQ

A new headquarters gave our teams in three countries a shared home for collaboration and training.

2026A Community of Millions
A Community of Millions
1M Users

A Community of Millions

Today more than a million people build, learn and share with our tools, and we are just getting started.

Deck Timeline with Icon Markers

Stack every release in a deck so the next card is always peeking through. Icon markers show what each step is about, version badges sit on the image, and content tilts into place as the deck moves.

2019
Pulse Mobile Appv1.0

Pulse Mobile App

Our journey began with a simple mobile app that tracks daily goals and syncs them across devices.

2020
Desktop Dashboardv2.0

Desktop Dashboard

A full dashboard for desktop and tablet brought detailed reports and team sharing to every screen.

2022
Pulse Watchv3.0

Pulse Watch

The Pulse Watch put reminders, activity rings and quick replies right on your wrist.

2024
Pulse Audiov4.0

Pulse Audio

Wireless headphones with adaptive sound and voice coaching joined the Pulse family.

2026
Pulse Aerialv5.0

Pulse Aerial

Our newest release captures smooth aerial footage and shares it to the app in seconds.

Expanding Rail Timeline with Mousewheel Navigation

Turn a multi-day itinerary into a vertical rail. Numbered markers run down the left side, the active day expands with a curtain reveal, and visitors can scroll with the mouse wheel or use the keyboard to move between days.

Day 1
Arrival and Old TemplesArrival

Arrival and Old Temples

Land in the old capital, check in and stroll through quiet temple halls lined with red lanterns before dinner.

Day 2
Bamboo Forest TrekTrek

Bamboo Forest Trek

Follow a shaded trail through towering bamboo groves with a local guide and a picnic lunch by the river.

Day 3
Village and Rice FieldsVillage Stay

Village and Rice Fields

Spend the day with farming families, ride along the paddies and stay overnight in a traditional village house.

Day 4
Monastery MorningCulture

Monastery Morning

Join the morning alms walk, learn about daily monastery life and enjoy a slow breakfast in the courtyard.

Day 5
Sunrise Above the CloudsSummit

Sunrise Above the Clouds

An early start takes you to a viewpoint where the sun rises over a sea of clouds and distant peaks.

Day 6
Sunset on the CoastCoast

Sunset on the Coast

End the journey on a calm stretch of coast with a seafood dinner and a long golden sunset.

Image Markers with Pulse and Badge Labels

Use each step's photo as its marker, let the active marker pulse, and show the badge text as the marker label. The timeline can start from any item, so visitors land right on the step you want to highlight.

Step 01
Discovery WorkshopStep 01

Discovery Workshop

We meet your team, map goals and audiences, and agree on what success looks like for the project.

Step 02
Ideas and ConceptsStep 02

Ideas and Concepts

Rough sketches and quick concepts help us explore directions before any pixels are pushed.

Step 03
WireframesStep 03

Wireframes

Low-fidelity wireframes lock in structure, content priorities and the key user journeys.

Step 04
Visual DesignStep 04

Visual Design

Typography, color and imagery come together in polished layouts for every screen size.

Step 05
DevelopmentStep 05

Development

Clean, accessible code turns the approved designs into a fast and reliable website.

Step 06
Testing and LaunchStep 06

Testing and Launch

We test across devices, fix the final details and launch with a clear handover for your team.

GET TO KNOW THE MODULE CONTROLS

Build Story-Driven Timelines with Layout, Marker and Animation Controls

Explore the settings available in the DP Timeline Slider to choose the layout, marker type and label, line and progress style, badge position, content animation, autoplay and navigation. Every item has its own year, title, description, image, badge, marker override and button, so you can build company histories, product roadmaps, itineraries and step-by-step processes directly in the Divi Builder.