Advanced Timeline Block is a custom Gutenberg timeline block for WordPress, developed with Gutenberg Native Components. Design beautiful vertical timelines for your company history, brand story, events, process steps, tutorials or product roadmaps — right inside the WordPress Block Editor.
The timeline block is highly customizable and 100% responsive: you get separate timeline layouts for desktop, tablet and mobile, and every color, spacing, border, and icon can be adjusted without writing a single line of code.
No page builder, no block builder, no bloat — just native Gutenberg components and clean, CSS-based output that keeps your pages fast.
Overview
Key Features
- Vertical Timeline Block — both sides, left side or right side timeline layouts
- Responsive Timeline — independent layouts and spacing for desktop, tablet and mobile
- SVG Icon Marker — choose any icon from the built-in inline SVG icon library, or paste your own custom SVG code
- Lightweight & Fast — no icon font loaded; markers are rendered as inline SVG for the best Core Web Vitals
- Unlimited Timeline Items — add as many timeline entries as you need
- Only CSS Based Timeline — clean markup, no JavaScript required on the frontend
- Built with Gutenberg Native Components — no block builder at all
- Unlimited Colors — custom colors for the connector line, content box, marker and date/name
- Full Styling Control — padding, border, border radius, box shadow and background for every part of the timeline
- Easy to Use — drag & drop, with a familiar block editor experience
- Developer Friendly — custom anchor ID and additional CSS classes for every timeline
Perfect For
- Company history & about us timelines
- Step by step tutorials and process timelines
- Event schedules and program timelines
- Product roadmaps and changelog timelines
- Personal stories, resumes and achievements
About Developer
Designed & Developed By Zakaria Binsaifullah. Available for any freelance work, feel free to Contact Me
Screenshots
