Launch your site today
No coding needed
100% Free
Build Faster —
in the Block Editor
Better Block Editor adds responsive controls, hover effects, on-scroll animations, and ready-to-use site templates to the native WordPress editor.
What is Better Block Editor (BBE)?
BBE helps you create a polished site fast — right in the WordPress Block Editor (Gutenberg). Get responsive controls, hover effects, on-scroll animations, and free professional templates.
No third-party builders. No block replacements. No bloat. Your content stays intact — and your existing themes, plugins, and blocks work seamlessly with BBE.
Responsive controls
Make layouts responsive without code.
On-scroll animations
Add reveal animations with timing controls.
Pre‑made site templates
Import, mix, customize, and launch fast.
Content integrity
Your existing content stays intact.
Compatibility
Works with your theme, plugins, and blocks.
Free forever
Free for everyone.
Do you need a website?
Build your site in hours
Choose a pre-made template
Customize it to your needs
No coding needed
Yes, it’s free
Already have a site on Block Editor?
All content remains intact
Make it responsive in minutes
Just add the necessary block settings
No coding needed
And, yes, it’s free
Responsive Layout Controls
Add responsive settings to your content. Make site look good on every screen — from mobile to desktop.
On-scroll Animations
Bring your content to life — pick an animation effect, then tune its duration and delay. Works with all blocks.
7 animation effects
15 easing effects
BBE Theme
A lean block theme that ships with our one-click site templates. Get a professional color palette, spacing, typography, and block styles out of the box — so you can launch in hours, not weeks.
One‑click Customization
Set primary, secondary, and neutral colors — BBE builds a balanced palette for your entire site in one click. You also get a clear spacing scale and font sizes. Pro designers can fine-tune with 33 adjustable color slots.
Partial Import
Don’t need a full site template — or want to keep your current theme? Copy any section or a full page from our templates into your existing site. Images, icons, and other assets import automatically, and the content inherits your site’s styles.
Pre-made Site Templates
Launch fast with our collection of handcrafted site templates. Choose, import with one click, and make it yours. Clean, professional results in hours.
Pick a template
Import & customize
Go live!
Try It Yourself
Build truly responsive layouts in the native WordPress editor. Free forever.
Why people love Better Block Editor
“The quality is outstanding, and the attention to detail is impressive. I’ll definitely be back for more.”
Abdullah
Tech Blogger
From start to finish, the process was seamless. It’s better than I imagined, and the customer support was incredibly responsive and friendly.
Diana W.
Freelancer
“Amazing quality! It’s rare to find something that checks all the boxes, but this did. I’ll be recommending it to everyone I know!”
James T.
Web Developer
“I couldn’t be happier with my purchase. The quality is outstanding, and the attention to detail is impressive. I’ll definitely be back for more!”
Jacob B.
Web Developer
“The quality is outstanding, and the attention to detail is impressive. I’ll definitely be back for more.”
Abdullah
Tech Blogger
Features Overview
Responsive settings
Change orientation, justification, and other settings for Row & Stack, Grid, Columns, and other supported blocks — at a preset or custom breakpoint. Settings vary by block.
Responsive visibility for all blocks
Control visibility per block across mobile, tablet, and desktop — set a default visibility state, then change it at a preset or custom breakpoint.
Prevent shrinking
Prevent blocks with a fixed width or height from shrinking on small screens — keeping complex layouts intact.
Responsive text alignment
Set text alignment at a preset or custom breakpoint for Heading, Paragraph, and other supported text blocks.
Navigation menu block controls
Navigation menu block controls Set the exact breakpoint where the Navigation block collapses to a menu icon, and choose hover colors for menu and submenu items.
Buttons & Button block controls
Stack or reverse buttons. Set their justification and vertical alignment at a preset or custom breakpoint. Customize hover colors for the Button block — text, background, and border.
And much more
More responsive controls and quality‑of‑life improvements across core blocks. All inside WordPress. No code.
Compatibility & Details
Works with your existing theme, plugins, and blocks — content stays intact, and no bloat is added.
Native Block Editor integration
Built for block themes
Free companion theme
Compatible with third‑party plugins and blocks
Works with your existing content
Lightweight,
performance-focused
GPL compliant
100% Free
Getting Started
What is Better Block Editor (BBE)?
BBE is a free plugin that extends the native WordPress Block Editor (Gutenberg) with responsive controls, hovers, on-scroll animations, and pre-made website templates — all without replacing core blocks or adding a separate builder. Your existing content remains intact.
Do I need coding skills?
No. All controls live inside the Block Editor UI. You can fine-tune advanced settings, but no code is required.
Does BBE work with my current theme and plugins?
Yes. BBE is designed for excellent compatibility with block themes, third-party plugins, and blocks. It doesn’t replace your existing content.
Is BBE really free?
Yes — free forever, no hidden paywalls. BBE is also 100% GPL-compliant.
Pre-made Site Templates & Partial Import
My site doesn’t look like the template preview — what did I miss?
Pre-made websites ship with the BBE Theme — if you switch to another theme, layouts and styles will differ.
Also, if you use Partial Import without enabling the BBE Design System (prompt on first import or later in Settings > Better Block Editor), the page won’t inherit the correct styles.
Can I import only a section (hero, pricing, FAQs) instead of the whole site?
Yes. Use Partial Import to copy a single page or section into your site.
Will demo imports overwrite my content?
No. Pre-made Site Templates add posts/pages/etc.; they don’t replace existing content. You can also remove what you don’t need.
Colors, Fonts & Global Design
How do I change colors and fonts?
Use One-click Customization: pick primary/secondary/neutral colors and BBE builds a balanced palette across your site. You also get a clear spacing scale and font sizes. Colors and fonts can be fine tuned in Global Styles > Colors/Typography respectively.
Can I use my brand colors and Google Fonts?
Yes. Set brand colors directly using One-click Customization tool (Styles > Colors > Palette Generator). For typography, use your theme’s font options — BBE works with it out of the box.
Will my existing styles break if I install BBE?
No. BBE extends the Block Editor; your current styles remain. You can activate/deactivate BBE at any time — content stays intact.
Responsiveness & Mobile Issues
How do I fix layouts that break on mobile?
Install and activate the Better Block Editor (BBE) plugin — it adds responsive controls to Row, Stack, Grid, Post Template, Heading, Paragraph, and other supported blocks.
- Switch Row ↔ Stack orientation at a preset or custom breakpoint.
- Adjust alignment, justification, and spacing.
- Set responsive visibility (show/hide at a specific breakpoint).
- Set “prevent shrinking” on fixed-size blocks to keep complex layouts intact.
- And more.
Can I choose custom breakpoints?
Yes. Use preset or custom breakpoints for granular control. Edit preset breakpoints in Settings > Better Block Editor.
My navigation collapses too early/too late — can I change that?
Yes. Make sure you have installed and activated the Better Block Editor (BBE) plugin.
Use “Overlay Menu: Responsive” to set the exact collapse breakpoint.
You can also add hover colors for menu and submenu items.
Buttons wrap oddly on mobile — help!
Install and activate the Better Block Editor (BBE) plugin.
Use Buttons block Responsive Settings to stack or reverse buttons and set their justification at your chosen breakpoint.
Animations & Interaction
How do I add tasteful scroll animations (not over the top)?
Open “Animation on Scroll” panel per block, pick an animation style, then set duration and delay. Everything is designed to be subtle and performance-oriented.
Can I add hover effects to buttons/links?
Yes. You can customize hover colors for text, background, and border on supported blocks (e.g., Buttons, Navigation).
CTAs, Headers & Funnels
How do I add a “Call to Action” button in the WordPress header?
The Block Editor supports adding Buttons to the Navigation block natively. However, this can produce a long menu that breaks on smaller screens. You can fix that with BBE’s enhancements:
- Add a CTA button to the menu.
- Use “Overlay Menu: Responsive” to set the exact collapse breakpoint — just before the menu becomes too narrow.
- Alternatively, use Responsive Visibility to hide the button on smaller screens.
- Additionally, set hover colors for the Button block — BBE supports this too.
Can I make sticky headers or floating CTAs?
If you’re using a block theme — yes. Making the header sticky usually means wrapping the Header template part in a Group block and setting its Position to “Sticky”. However, you’d need to repeat this across all templates.
We suggest using the BBE Theme — it lets you set “Position: Sticky” on the Header’s root Group/Row/Stack once, and it applies across all templates.
For CTA buttons inside the header, use Responsive Visibility to hide them on smaller screens.
Landing Pages & Campaigns
What’s the fastest way to build a campaign landing page?
Pick one of our Pre-made Site Templates, import in one click, swap content, and publish. You can mix sections from different templates (hero, features, pricing, FAQ) via Partial Import.
Do I need a third-party page builder?
No. BBE extends the Block Editor (Gutenberg) so you can build high-converting pages inside native WordPress editor. If you already use other blocks/plugins, they remain compatible.
Performance & Safety
Will BBE slow down my site?
BBE is lightweight and performance-focused. It adds scripts and styles only when used. Animations are CSS/JS-minimal and can be enabled/disabled per block.
Can I safely remove BBE later?
Yes. Your pages still render with core blocks as BBE doesn’t replace them; it enhances them. Uninstalling keeps your content intact.
Themes & the BBE Theme
What is the BBE Theme?
A companion block theme designed to match BBE’s design system — colors, spacing, and typography. It also adds extra styles for Navigation, Buttons, and other blocks. BBE Theme is a fastest path to a polished, fully responsive site.
Do I have to use the companion theme?
No. BBE works with any block theme.
However, BBE Theme shortens the development time significantly.
Licensing, Updates & Support
What’s the license?
BBE is being distributed under the GPL license. You’re free to use it on personal and commercial sites.
How do I get updates?
Install from WordPress.org and receive updates through your dashboard like any other plugin
Where can I get help?
Start with the plugin tips and docs.
If something still looks off, report an issue via the WordPress.org forums. We do not offer full free support — but if you report a bug in BBE, we will fix it ASAP.
Quick Troubleshooting
My site doesn’t look like the demo
Pre-made websites ship with the BBE Theme — if you switch to another theme, layouts and styles will differ.
Also, if you use Partial Import without enabling the BBE Design System (prompt on first import or later in Settings > Better Block Editor), the page won’t inherit the correct styles.
How to change colors/fonts
Use One-click Customization: pick primary/secondary/neutral colors and BBE builds a balanced palette across your site. You also get a clear spacing scale and font sizes. Colors and fonts can be fine tuned in Global Styles > Colors/Typography respectively.
My site is broken on mobile
Install and activate the Better Block Editor (BBE) plugin — it adds responsive controls to Row, Stack, Grid, Post Template, Heading, Paragraph, and other supported blocks.
- Switch Row ↔ Stack orientation at a preset or custom breakpoint.
- Adjust alignment, justification, and spacing.
- Set responsive visibility (show/hide at a specific breakpoint).
- Set “prevent shrinking” on fixed-size blocks to keep complex layouts intact.
- And more.
How to add CTA in header
The Block Editor supports adding Buttons to the Navigation block natively. However, this can produce a long menu that breaks on smaller screens. You can fix that with BBE’s enhancements:
- Add a CTA button to the menu.
- Use “Overlay Menu: Responsive” to set the exact collapse breakpoint — just before the menu becomes too narrow.
- Alternatively, use Responsive Visibility to hide the button on smaller screens.
- Additionally, set hover colors for the Button block — BBE supports this too.
How to build landing page fast
Pick one of our Pre-made Site Templates, import in one click, swap content, and publish. You can mix sections from different templates (hero, features, pricing, FAQ) via Partial Import.