--- title: "Elementor Timeline Widget" url: https://cooltimeline.com/demo/elementor-timeline-widget/ date: 2025-11-01 modified: 2025-12-17 lang: en author: "cpsatinder" description: "Timeline Widget Pro Elementor Timeline layouts Explore Elementor Timeline Widget horizontal and vertical layout demos. Create stunning history timelines directly inside Elementor. Timeline Widget Pro Story Timeline Post Timeline Features..." image: https://cooltimeline.com/wp-content/uploads/2025/12/elementor_timeline_widget_demo.jpg word_count: 296 --- # Elementor Timeline Widget Timeline Widget Pro # Elementor Timeline layouts Explore Elementor Timeline Widget horizontal and vertical layout demos. Create stunning history timelines directly inside Elementor. ![](https://cooltimeline.com/wp-content/uploads/2025/10/icon-timeline-widget-elementor-150x150.png) ### Timeline Widget Pro Story Timeline Post Timeline Features Based Real Life Timeline [ Buy Plugin ](/plugin/elementor-timeline-widget-pro/#pricing) ### Story Timeline Demos [ ![](https://cooltimeline.com/wp-content/uploads/2025/10/vertical-timeline.png) ](/elementor-widget/vertical-timeline-flat/) ##### Vertical Layout (Right / Left) - [ Default ](/elementor-widget/vertical-timeline-default/) - [ Classic ](/elementor-widget/vertical-timeline-classic/) - [ Elegant Hot ](/elementor-widget/vertical-timeline-elegant/) - [ Clean ](/elementor-widget/vertical-timeline-clean/) - [ Minimal ](/elementor-widget/vertical-timeline-minimal/) - [ Flat Trending ](/elementor-widget/vertical-timeline-flat/) - [ Bold ](/elementor-widget/vertical-timeline-bold/) [ ![](https://cooltimeline.com/wp-content/uploads/2025/10/one-sided-timeline.png) ](/elementor-widget/vertical-one-side-elegant-timeline/) ##### Vertical One Side Demos - [ Default ](/elementor-widget/vertical-one-side-default-timeline/) - [ Classic Hot ](/elementor-widget/vertical-one-side-classic-timeline/) - [ Elegant ](/elementor-widget/vertical-one-side-elegant-timeline/) - [ Clean ](/elementor-widget/vertical-one-side-clean-timeline/) - [ Minimal ](/elementor-widget/vertical-one-side-minimal-timeline/) - [ Flat Trending ](/elementor-widget/vertical-one-side-flat-timeline/) - [ Bold ](/elementor-widget/vertical-one-side-bold-timeline/) [ ![](https://cooltimeline.com/wp-content/uploads/2025/10/compact-timeline.png) ](/elementor-widget/classic-compact-story-timeline/) ##### Compact Layout Demos - [ Default ](/elementor-widget/default-compact-story-timeline/) - [ Classic ](/elementor-widget/classic-compact-story-timeline/) - [ Elegant ](/elementor-widget/elegant-compact-story-timeline/) - [ Clean Hot ](/elementor-widget/clean-compact-story-timeline/) - [ Minimal ](/elementor-widget/minimal-compact-story-timeline/) - [ Flat Trending ](/elementor-widget/flat-compact-story-timeline/) - [ Bold ](/elementor-widget/bold-compact-story-timeline/) [ ![](https://cooltimeline.com/wp-content/uploads/2025/10/horizontal-timeline.png) ](/elementor-widget/horizontal-timeline-flat/) ##### Horizontal Top Layout Demos - [ Default ](/elementor-widget/horizontal-timeline-default/) - [ Classic ](/elementor-widget/horizontal-timeline-classic/) - [ Elegant New ](/elementor-widget/horizontal-timeline-elegant/) - [ Clean ](/elementor-widget/horizontal-timeline-clean/) - [ Minimal ](/elementor-widget/horizontal-timeline-minimal/) - [ Flat Trending ](/elementor-widget/horizontal-timeline-flat/) [ ![](https://cooltimeline.com/wp-content/uploads/2025/10/horizontal-timeline.png) ](/elementor-widget/horizontal-highlighted-timeline-elegant/) ##### Horizontal Highlighted Demos - [ Default ](/elementor-widget/horizontal-highlighted-timeline-default/) - [ Classic ](/elementor-widget/horizontal-highlighted-timeline-classic/) - [ Elegant New ](/elementor-widget/horizontal-highlighted-timeline-elegant/) - [ Clean ](/elementor-widget/horizontal-highlighted-timeline-clean/) - [ Minimal ](/elementor-widget/horizontal-highlighted-timeline-minimal/) - [ Flat Trending ](/elementor-widget/horizontal-highlighted-timeline-flat/) [ ![](https://cooltimeline.com/wp-content/uploads/2025/10/horizontal-timeline.png) ](/elementor-widget/horizontal-bottom-timeline-clean/) ##### Horizontal Bottom Layout Demos - [ Default ](/elementor-widget/horizontal-bottom-timeline-default/) - [ Classic ](/elementor-widget/horizontal-bottom-timeline-classic/) - [ Elegant Hot ](/elementor-widget/horizontal-bottom-timeline-elegant/) - [ Clean ](/elementor-widget/horizontal-bottom-timeline-clean/) - [ Minimal ](/elementor-widget/horizontal-bottom-timeline-minimal/) - [ Flat Trending ](/elementor-widget/horizontal-bottom-timeline-flat/) [ ![](https://cooltimeline.com/wp-content/uploads/2025/11/Vertical_Tab_Timeline.jpg) ](/elementor-widget/vertical-tab-default-timeline/) ##### Vertical (Tab) - [ Default ](/elementor-widget/vertical-tab-default-timeline/) - [ Classic Trending ](/elementor-widget/vertical-tab-classic-timeline/) - [ Elegant ](/elementor-widget/vertical-tab-elegant-timeline/) - [ Clean ](/elementor-widget/vertical-tab-clean-timeline/) - [ Bold Hot ](/elementor-widget/vertical-tab-bold-timeline/) - [ Flat ](/elementor-widget/vertical-tab-flat-timeline/) ### Post Timeline Demos [ ![](https://cooltimeline.com/wp-content/uploads/2025/10/vertical-timeline.png) ](/elementor-widget/vertical-post-timeline-clean/) ##### Both sided Layout Demos - [ Default ](/elementor-widget/vertical-post-timeline-default/) - [ Classic Trending ](/elementor-widget/vertical-post-timeline-classic/) - [ Elegant ](/elementor-widget/vertical-post-timeline-elegant/) - [ Clean ](/elementor-widget/vertical-post-timeline-clean/) - [ Minimal ](/elementor-widget/vertical-post-timeline-minimal/) [ ![](https://cooltimeline.com/wp-content/uploads/2025/10/horizontal-timeline.png) ](/elementor-widget/classic-compact-post-timeline/) ##### Compact Layout Demos - [ Default ](/elementor-widget/default-compact-post-timeline/) - [ Classic Hot ](/elementor-widget/classic-compact-post-timeline/) - [ Elegant ](/elementor-widget/elegant-compact-post-timeline/) - [ Clean ](/elementor-widget/clean-compact-post-timeline/) [ ![](https://cooltimeline.com/wp-content/uploads/2025/10/one-sided-timeline.png) ](/elementor-widget/elegant-horizontal-post-timeline/) ##### Horizontal Layout Demos - [ Default ](/elementor-widget/default-horizontal-post-timeline/) - [ Classic ](/elementor-widget/classic-horizontal-post-timeline/) - [ Elegant Trending ](/elementor-widget/elegant-horizontal-post-timeline/) - [ Clean Hot ](/elementor-widget/clean-horizontal-post-timeline/) - [ Minimal ](/elementor-widget/minimal-horizontal-post-timeline/) [ ![](https://cooltimeline.com/wp-content/uploads/2025/10/vertical-timeline.png) ](/elementor-widget/post-timeline-pagination/) ##### Post Timeline Features Demos - [ Pagination ](/elementor-widget/post-timeline-pagination/) - [ Load More ](/elementor-widget/post-timeline-ajax-load-more/) - [ Infinite Scrolling ](/elementor-widget/post-timeline-horizontal-infinite/) - [ Read More ](/elementor-widget/post-timeline-read-more-length/) - [ Order By Custom Meta Key ](/elementor-widget/post-timeline-order-custom-meta/) - [ Date Formats ](/elementor-widget/post-timeline-date-formats/) ### Features Based Demos ![](https://cooltimeline.com/wp-content/uploads/2025/10/timeline-custom-color.png) ###### Multi Color Timeline ![timeline-animation-effects](/wp-content/uploads/2025/10/timeline-animation-effects.gif) ###### Add Animation Effects ![](https://cooltimeline.com/wp-content/uploads/2025/10/timeline-images-video.png) ###### Images / Videos / Slideshow ![](https://cooltimeline.com/wp-content/uploads/2025/11/Highlighted-Labels.png) ###### Highlighted Labels - [ Scrolling Navigation Bar ](/elementor-widget/timeline-scrolling-nav-bar/) - [ Mid-line Icon / Image or Text ](/elementor-widget/timeline-midline-icons/) - [ Model View / Content in Pop-up ](/elementor-widget/timeline-popup-view/) - [ Adjust Media & Content Position ](/elementor-widget/timeline-media-position/) - [ Horizontal Timeline Navigation Filters ](/elementor-widget/horizontal-timeline-navigation-filters/) - [ Icons / Dots & Arrows Styles ](/elementor-widget/timeline-icons-dots-arrows/) Cool Timeline plugin has received 250+ reviews on WordPress and has 70,000+ active installs. [ Check reviews on WP.org ](https://wordpress.org/plugins/cool-timeline/#reviews) ### Real Life Timeline Demos - [ Harvard University History Timeline ](/elementor-widget/harvard-university-history-timeline/) - [ Company History Timeline ](/elementor-widget/company-history-timeline/) - [ Achievements Timeline ](/elementor-widget/achievements-timeline/) - [ Leo Messi Story Timeline ](/elementor-widget/leo-messi-story-timeline/) - [ Personal Story Timeline ](/elementor-widget/personal-story-timeline/) - [ Brand Story ](/elementor-widget/brand-story-timeline/) - [ Product Roadmap ](/elementor-widget/product-roadmap-timeline/) - [ Work Experience Timeline ](/elementor-widget/work-experience-timeline/) - [ Apple's iPhone Timeline ](/elementor-widget/iphone-evolution-timeline/) - [ Daily Routine Timeline ](/elementor-widget/daily-routine-timeline/) - [ Past / Future Events Timeline ](/elementor-widget/events-timeline/) - [ Team Members Showcase ](/elementor-widget/team-members-timeline/) - [ Step By Step Timeline ](/elementor-widget/step-by-step-timeline/) - [ BC / AD Timeline ](/elementor-widget/bc-ad-timeline/) #### Bonus Widget Features - [ Process Steps Widget (Vertical) ](/elementor-widget/process-steps-vertical/) - [ Process Steps Widget (Horizontal) ](/elementor-widget/process-steps-horizontal/)