BlaBlaBlocks Tabs Block is a Responsive tabs block WordPress plugin built specifically for the Block Editor, enabling you to create responsive and accessible tabs effortlessly.
BlaBlaBlocks is our creative playground of customising Block Editor(Gutenberg), built through experimentation and hands-on development to solve real-world needs across client and internal WordPress projects.
While working on different client websites, we found tabs to be a popular way to manage long or complex content. We have been relying on 3rd party plugins to help us implement them. We ended up switching plugins to either have that x feature or get a better editor experience. That led us to create the BlaBlaBlocks Tabs Block.
Why We Built It
We have been building custom solutions for the Block Editor. From day one, our philosophy has been to keep things close to core. We want any customization to seamlessly integrate with the WordPress Block Editor. This approach gives users the best experience and makes things feel native.
So we built our own tabs block, one that:
- Fit naturally into the block editor experience
- Offer just the right amount of customization
- Stay focused on performance and maintainability
- Gives content creators a better editing experience
- Help our client focus on content creation
Key Features
This Responsive tabs block WordPress plugin was designed with simplicity, clarity, and real use cases in mind. Here are a few things we’ve focused on:
✨ Seamless Block Editor Experience
The block works smoothly within the WordPress editor. It features user-friendly controls. There is also a live preview reflecting what users will see on the frontend.
🎨 Customizable
Choose between different layouts (horizontal or vertical), adjust spacing, typography, or colors, all with straightforward settings that don’t overwhelm.
📱 Responsive by Default
Tabs automatically adapt across devices, with thoughtful behavior on smaller screens to ensure content stays readable and accessible.
🧩 Templates and variations
Get started faster with our default tab templates. These are ready-to-use layouts that help content creators. They allow you to add structured tabs without starting from scratch.
♿ Accessibility
Built with accessibility best practices. The Tabs Block uses proper semantic markup, keyboard navigation, and ARIA attributes. This ensures everyone can interact with the content, including screen reader users.
Open Source and Free
The BlaBlaBlocks Tabs Block is open source. Not only is it free to use, but you are also welcome to collaborate and contribute to its development.
Try It Out
Want to explore the BlaBlaBlocks Tabs Block without installing anything? We have set up a WordPress Playground demo. It lets you try it out with just one click. No setup is required. Try it out and share any issues, feedback, or suggestions.
Need help building a custom block or customized editor experience? Schedule a call with us today. Let’s explore how we can collaborate to elevate your editorial experience.
Leave a Reply