Whether you are showcasing your company’s history, building a product roadmap, or designing a step-by-step tutorial, boring bullet points just don’t cut it. The Brutal Timeline Block is a beautifully engineered, fiercely responsive timeline builder that turns your chronological data into an absolute visual masterpiece directly inside the WordPress editor.
We didn’t just build a timeline; we built a cinematic experience. It is flawlessly designed, incredibly lightweight, and perfectly inherits your theme’s style while giving you total control over the layout.
🔥 What makes it brutal?
- Dual Orientations: Choose between a classic Vertical scrolling timeline or a stunning, modern Horizontal layout to perfectly fit your page design.
- Cinematic Animations: Make your timeline come alive as users scroll. Choose from premium entrance effects like Blur Reveal (cinematic), Fade + Rise, Slide In (Alternating), or Scale Pop.
- Stagger Delay Control: Fine-tune the exact millisecond delay between each item appearing on screen to create a mesmerizing, cascading visual effect.
- Custom Data & Icons: Each timeline node gives you total control. Add a Date/Label, a striking Title, and a detailed Description. Plus, enable “Custom Icons” to assign a unique, zero-bloat SVG to every single step of the journey.
- Perfect Branding: Use the built-in color picker to easily set the Accent Color of the timeline track and nodes so it matches your brand identity flawlessly.
Event
Whatever
Another event
💸 FREE vs. PRO
The Free version is a gorgeous way to display a short, static list. But if you want to tell a real story and drop your visitors’ jaws with motion design, the PRO version is exactly what you need.
- FREE Version: Extremely sleek, but you are locked to the Vertical orientation only, with a maximum of 5 timeline items. You can change the Accent Color and toggle the Date/Labels, but you get no animations and no custom icons.
- PRO Version (Unleash the Beast): The ultimate storytelling tool.
- Unlimited Items: Build massive, multi-year company histories or complex roadmaps.
- Horizontal Layout: Unlock the beautiful, modern horizontal timeline orientation.
- Cinematic Animations & Stagger: Access the premium motion effects (Blur Reveal, Slide In, etc.) and control the cascade speed with the Stagger Delay slider.
- Custom Icons: Unlock the ability to assign specific, lightweight SVGs to every single node on your timeline with our icon picker.
🛠️ Quick Help: Up and running in seconds
Crafting a stunning timeline takes no time at all:
- Click on the + icon in your editor and type “Brutal”, then click on Browse All. Alternatively, click the + icon on the top left corner of the editor screen, scroll down to the Brutal Blocks section (or type “brutal” in the search field), and drag and drop the “Brutal Timeline” block onto your canvas.
- Click on the default timeline items to add your Date/Label, Title, and Description. Need more? Just add a new item block inside!
- Free users: Use the right sidebar to change your Accent Color. You can add up to 5 items in vertical mode, directly in the canvas.
- PRO users: Head to the Global Settings in the sidebar. Switch the Orientation to Horizontal if it fits your design, and toggle “Enable custom icons” to assign unique SVGs to each step.
- PRO users: Finally, select a premium Animation (like the cinematic Blur Reveal) and adjust the Stagger Delay slider. Save your page and enjoy the show.