When you have a massive amount of information to share—like technical product specs, pricing details, or dashboard panels—forcing users to endlessly scroll is a UX nightmare. The Brutal Tabs Block is the ultimate Gutenberg tabs plugin. It allows you to elegantly pack complex layouts into a clean, compact, and highly organized interface.
Forget about broken layouts on small screens. We engineered these tabs to be flawlessly responsive. If the screen or sidebar gets too narrow, the tabs smartly transform into a sleek horizontal scrolling list. Zero layout breaks, perfect mobile experience.
🔥 What makes it brutal?
- Drop Anything Inside: Built with native Gutenberg InnerBlocks. This means your tab content is not limited to boring text. Drop in image galleries, videos, forms, or even other Brutal Blocks directly into the editor.
- Flawless Mobile UX: Impeccable horizontal scrolling for the tab navigation on narrow mobile screens.
- Total Design Control: Use the intuitive color pickers to customize the background and text colors of both your active tabs and your content panels. Make it seamlessly match your brand.
- Zero-Bloat Icons: Make your tab navigation visually striking by injecting lightweight Lucide SVG icons right next to your tab titles (complete with our custom Fill toggle).
- Premium Animations: Bring your content to life. Add silky-smooth entrance animations (Fade In, Slide Up) every time a user clicks a new tab.
tab #1
tab #2
tab #3
💸 FREE vs. PRO
The Free version is great for a basic breakdown, but if you are building complex pages, you will hit the ceiling fast. The PRO version unlocks the true power of dynamic content organization.
- FREE Version: A solid starting point. You get full control over the colors to match your theme, and you can drop any block inside the content area. However, you are strictly limited to a maximum of 3 tabs. Plus, you are locked out of all icons and animations.
- PRO Version (Unleash the Beast): The ultimate organizational tool.
- Unlimited Tabs: Build massive, comprehensive tabbed interfaces without any restrictions.
- Zero-Bloat SVG Icons: Access the 1,600+ custom Lucide icon-picker to make your tab titles instantly recognizable.
- Advanced Animations: Make your content transitions feel expensive with premium Fade In and Slide Up effects.
🛠️ Quick Help: Up and running in seconds
Organizing your dense content takes just a few clicks:
- 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 Tabs” block onto your canvas.
- Click directly on the tab navigation to type your titles.
- Drag and drop absolutely any WordPress block into the content area below the tabs.
- Free users: Use the right sidebar to tweak the background and text colors. You are allowed up to 3 tabs.
- PRO users: Add unlimited tabs. Use the icon-picker to add SVGs to your tab titles, and turn on the Fade In or Slide Up animations for a premium feel. Save and watch your layout transform.