BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Pro widget

Timeline Widget for Elementor Pro

Tell a story in order, with a line that fills on scroll

Overview

What Timeline does

Timeline shows dated milestones as cards along a line. It can run vertically, with cards alternating or on one side, or horizontally as a row that visitors scroll. Use it for company history, roadmaps, project stages or event schedules.

Live demo

See it in action

  1. 2019

    The idea

    Describe what happened at this point. Lists, links and images are allowed.

  2. 2021

    First customers

    Describe what happened at this point. Lists, links and images are allowed.

  3. 2023
    New laptop on a white desk, ready to upgrade to Windows 11

    Growing the team

    Describe what happened at this point. Lists, links and images are allowed.

  4. 2026

    Going global

    Describe what happened at this point. Lists, links and images are allowed.

  1. 2019

    The idea

    Describe what happened at this point. Lists, links and images are allowed.

  2. 2021

    First customers

    Describe what happened at this point. Lists, links and images are allowed.

  3. 2023
    New laptop on a white desk, ready to upgrade to Windows 11

    Growing the team

    Describe what happened at this point. Lists, links and images are allowed.

  4. 2026

    Going global

    Describe what happened at this point. Lists, links and images are allowed.

Video

See it in video

Features

What it can do

  • Vertical layout with the line in the center (alternating cards), on the left or on the right.

  • Horizontal layout with a set number of visible items, arrows and mouse drag scrolling.

  • Icon, number or dot markers, with icon, text, image or dot overrides per item.

  • A progress line that fills on scroll, with a separate Reached style for markers.

  • Three reveal effects for items entering the screen: Fade Up, Slide From Side and Zoom.

  • Each card can hold a date, image, title, rich text content and a link button.

  • An accent color for the whole timeline and a different one for any single item.

  • The center or right line can move to the left on tablet and mobile.

Use cases

When to use it

Company history

List the years that matter and let the line fill as visitors read down the page.

Product roadmap

Use a horizontal timeline with arrows to show what is planned for each quarter.

Event schedule

Put the time in Date / Label and the session in the card, with a link to more details.

Setup

How to set it up

A few steps from adding the widget to a finished result.

  1. Drag the Timeline widget onto the page and open the Timeline Items section.

  2. Edit each item: fill in Date / Label, Title and Content, then add an Image or a Link with Link Text if the item needs one.

  3. Open Layout and choose a Direction. For Vertical pick a Line Position, for Horizontal set Items Visible.

  4. Choose the Marker type (Icon, Number or Dot). To make one item different, open its Marker tab and pick another marker or an Accent Color.

  5. Keep Fill Line While Scrolling on for a vertical timeline and pick an effect in Reveal Items on Scroll.

  6. In the Style tab set the Accent Color, the Line colors and the Reached look of the markers.

FAQ

Questions and answers

Can each milestone have its own icon and color?

Yes. Open the item, go to its Marker tab and choose Icon, Text, Image or Dot. The Accent Color in the same tab changes the color for that item only.

How does the timeline behave on phones?

By default a center or right line moves to the left on mobile so the cards have room. Change this with Move Line to the Left On. A horizontal timeline shows one item at a time on mobile unless you change Items Visible.

How do visitors move through a horizontal timeline?

They can use the arrows, drag with the mouse, swipe on a touch screen or press the left and right arrow keys when the timeline has focus.

Bright Addons Pro

Get Timeline with Bright Addons Pro

Bright Addons Pro has 80 Pro widgets plus all 51 free widgets, 10 extensions, a Theme Builder and 32 dynamic tags. From $18 a year, with a 14-day money-back guarantee.