Title: WBD Timeline Block For Gutenberg Author: wpbranddigital Published: September 2, 2026 Last modified: September 21, 2026 --- Search plugins ![](https://ps.w.org/wbd-timeline-builder/assets/banner-772x250.png?rev=3678549) ![](https://ps.w.org/wbd-timeline-builder/assets/icon-128x128.png?rev=3678579) # WBD Timeline Block For Gutenberg By [wpbranddigital](https://profiles.wordpress.org/wpbranddigital25/) [Download](https://downloads.wordpress.org/plugin/wbd-timeline-builder.1.0.2.zip) * [Details](https://srd.wordpress.org/plugins/wbd-timeline-builder/#description) * [Reviews](https://srd.wordpress.org/plugins/wbd-timeline-builder/#reviews) * [Installation](https://srd.wordpress.org/plugins/wbd-timeline-builder/#installation) * [Development](https://srd.wordpress.org/plugins/wbd-timeline-builder/#developers) [Support](https://wordpress.org/support/plugin/wbd-timeline-builder/) ## Description WBD Timeline Block for Gutenberg is the most intuitive, lightweight, and customizable WordPress timeline plugin designed specifically for the modern block editor. Whether you need to showcase a company history, a project roadmap, event schedules, or personal milestones, this plugin allows you to build beautiful, responsive, and animated timelines without writing a single line of code or relying on heavy page builders. Built entirely with native WordPress Gutenberg components, the WBD Timeline Block ensures zero bloat, lightning-fast performance, and a seamless editing experience inside the block editor. **Key Features for a Perfect Timeline:** * **3 Stunning Layouts:** Choose from Vertical Alternating (zigzag), Vertical One- sided, and a touch-friendly Horizontal slider layout with left/right navigation. * **Responsive Control:** Set custom columns for the horizontal slider (Desktop, Tablet, Mobile) and watch vertical timelines automatically adapt to smaller screens. * **Highly Customizable Content:** Each timeline card supports a Custom Date/Label, Title, Description, Image (with position and object-fit control), Call-to-Action Link, and a custom Marker Icon. * **Advanced Typography & Design:** Fully control font families, responsive font sizes, link padding, border radius, and accent colors for every single element. * **Scroll-Triggered Animations:** Bring your history or roadmap to life with smooth reveal animations (Fade Up, Fade In, Slide In, Zoom In) as users scroll down the page. * **Accessible & Performance-Optimized:** Respects `prefers-reduced-motion` settings for accessibility. Powered by vanilla JS and IntersectionObserver—no heavy jQuery libraries. * **Server-Side Rendered:** Ensures SEO-friendly HTML markup, dynamic CSS variable injection, and maximum security. ### Where can you use WBD Timeline Block? * Showcase tutorial/process steps in timeline format. * Create a program timeline. * Represent history. * Create events/appointments timeline. * Job stories/achievements timeline. * Personal story timeline. * Product roadmap. ### Development Public source code repository: https://github.com/wpbranddigital/timeline-builder- block Build Instructions: 1. npm install 2. npm run build 3. npm run start (development) WBD Timeline Builder is built using @wordpress/scripts. ## Blocks This plugin provides 1 block. * WBD Timeline Builder Build beautiful, responsive animated timelines with vertical, horizontal, or one-sided layouts. ## Installation 1. Upload the plugin files to the `/wp-content/plugins/wbd-timeline-builder` directory, or install through the WordPress plugins screen. 2. Activate the plugin through the ‘Plugins’ screen in WordPress. 3. In the block editor, add the “WBD Timeline Builder” block and start adding items. ## FAQ ### Does this work with the Site Editor (FSE)? Yes. It is a standard registered block and works anywhere blocks are supported. ### Are animations accessible? Yes. Animations are disabled automatically when the visitor has “reduce motion” enabled in their OS. ### Does it require any external libraries? No. It uses only native WordPress packages and vanilla JavaScript. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “WBD Timeline Block For Gutenberg” is open source software. The following people have contributed to this plugin. Contributors * [ wpbranddigital ](https://profiles.wordpress.org/wpbranddigital25/) [Translate “WBD Timeline Block For Gutenberg” into your language.](https://translate.wordpress.org/projects/wp-plugins/wbd-timeline-builder) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/wbd-timeline-builder/), check out the [SVN repository](https://plugins.svn.wordpress.org/wbd-timeline-builder/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/wbd-timeline-builder/) by [RSS](https://plugins.trac.wordpress.org/log/wbd-timeline-builder/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.2 * Added responsive font sizes for typography. * Added responsive spacing for links. * Added responsive image sizing controls. * Added 3rd marker type (icon). * Updated plugin display name to WBD Timeline Builder and slug/textdomain to wbd- timeline-builder for WordPress.org compliance. #### 1.0.1 * Updated plugin display name to WBD Timeline Builder and slug/textdomain to wbd- timeline-builder for WordPress.org compliance. #### 1.0.0 * Initial release. ## Meta * Version **1.0.2** * Last updated **5 days ago** * Active installations **Fewer than 10** * WordPress version ** 6.5 or higher ** * Tested up to **7.0.6** * PHP version ** 7.4 or higher ** * Language * [English (US)](https://wordpress.org/plugins/wbd-timeline-builder/) * Tags * [block](https://srd.wordpress.org/plugins/tags/block/)[gutenberg](https://srd.wordpress.org/plugins/tags/gutenberg/) [history](https://srd.wordpress.org/plugins/tags/history/)[roadmap](https://srd.wordpress.org/plugins/tags/roadmap/) [timeline](https://srd.wordpress.org/plugins/tags/timeline/) * [Advanced View](https://srd.wordpress.org/plugins/wbd-timeline-builder/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/wbd-timeline-builder/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/wbd-timeline-builder/reviews/) ## Contributors * [ wpbranddigital ](https://profiles.wordpress.org/wpbranddigital25/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/wbd-timeline-builder/)