No coding needed
Works with your theme & plugins
Design faster,
stay in control
Better Block Editor is a free WordPress plugin plugin that extends the native Block Editor (Gutenberg) with responsive controls, hover and scroll animations, and pre‑made site templates. Built by developers — designed for everyone.
What is Better Block Editor (BBE)?
BBE helps you launch a polished site today. Get responsive controls, hover effects, scroll animations, and free professional templates — all inside WordPress. No third‑party builder, no block replacements, no bloat. Your content stays intact, and your themes, plugins, and blocks stay compatible out of the box.
Responsive in minutes
Easily make layouts responsive at preset or custom breakpoints with no code.
Scroll animations
Bring sections to life – add tasteful reveal animations with timing controls.
Pre‑made website templates
Import, mix, customize, and launch fast. Adapt everything to your brand.
Content stays intact
Works with your existing content. If you deactivate BBE, your pages remain intact.
Excellent compatibility
Works with your theme, plugins, and third‑party blocks out of the box.
Free forever
Better Block Editor is completely free — forever, for everyone.
Do you need a web site?
Built your site in hours
Choose pre-made templates
Customize it for your needs
No code needed
Yes, it’s free
Already have a web site on Block Editor?
All content remain intact
Make it responsive in minutes
Just add necessary settings for blocks
No code needed
Yes, it’s free
Responsive Layout Controls
Make the Block Editor truly responsive. Per‑breakpoint controls across core blocks keep your layouts looking good on every screen — from mobile to desktop.
Animation on Scroll
Better Block Editor adds reveal‑on‑scroll animation controls to all blocks in the Block Editor. Bring content to life with tasteful animations that trigger as visitors scroll. Choose a style, then tune duration and delay to match your design.
7 animation effects
15 easing effects
Pre‑made Websites & Partial Import
Launch fast with one‑click site templates. You can also copy any section or page from our demos into your site. Images, icons, and other assets import automatically. Imported content inherits your site’s styles, so you don’t have to restyle it.
One‑click Customization
Choose primary, secondary, and neutral colors and BBE builds a balanced palette for your entire site in one click. Prefer presets? Pick a style preset and start creating. You also get a clear spacing scale and font sizes, and designers can fine‑tune with 33 adjustable color slots.
Better Block Theme
Want to turn Better Block Editor up to 11? When you import a site template, BBE offers a free, optional companion theme built specifically for BBE. It shares BBE’s design system, so colors, spacing, and typography align automatically.
Pre-made Website Templates
Launch a professional site fast with our collection of handcrafted templates. Choose a design, import in one click, and make it yours. Clear, professional results.
Pick a site template
Import & customize
Go live!
Get Better Block Editor
Build responsive layouts with the blocks you already use. 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
Core Features Overview
Row, Stack, and Grid responsiveness
Switch orientation (row to stack and back) and adjust justification, vertical alignment, and block spacing at preset or custom breakpoints.
Responsive visibility for all blocks
Control which blocks appear on mobile, tablet, and desktop with preset or custom breakpoints.
Prevent shrinking
Prevent blocks with fixed width or height from shrinking on small screens, helping complex layouts stay intact.
Responsive text alignment
Set text alignment at preset or custom breakpoints for Heading, Paragraph, and select text blocks.
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 block controls
Stack or reverse buttons; set justification and vertical alignment at a chosen breakpoint. Customize hover colors for 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
Reassuring compatibility and speed — without setup headaches.
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
Getting Started
What is Better Block Editor (BBE)?
BBE is a free plugin that extends the native WordPress Block Editor (Gutenberg) with responsive controls, hover & scroll animations, one-click color systems, 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.
Templates & “My site doesn’t look like the demo”
My site doesn’t look like the template preview — what did I miss?
Most demos include sample content and settings. Use Pre-made Websites & Partial Import to import a full template or copy any section/page from the showcase. Images, icons, and styles import automatically and inherit your site 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 Website 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. You can also fine tune your colors and fonts 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. For typography, use your theme’s font options or any font solution compatible with the Block Editor — 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?
BBE adds per-breakpoint responsive controls to Row, Stack, Grid, Post Template, and text blocks.
- Switch Row ↔ Stack orientation
- Adjust alignment, justification, and spacing by breakpoint
- Set responsive visibility (show/hide per device)
- Prevent shrinking on fixed-size elements to keep complex layouts intact
Can I choose custom breakpoints?
Yes. Use preset or custom breakpoints for granular control.
My navigation collapses too early/too late — can I change that?
Yes. Use Navigation controls to set the exact collapse breakpoint and hover colors for menu and submenu items.
Buttons wrap oddly on mobile — help!
Use Buttons block controls to stack or reverse buttons and set justification/vertical alignment at your chosen breakpoint.
Animations & Interaction
How do I add tasteful scroll animations (not over the top)?
Enable Animation on Scroll per block, pick a reveal style, then set duration and delay. Everything is designed to be subtle and performance-friendly.
Can I add hover effects to buttons/links?
Yes. 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?
Use your theme’s Navigation block with BBE’s enhancements:
- Add a Button item to the menu.
- Set hover colors.
- Choose the collapse breakpoint so the CTA stays visible on desktop and converts to an accessible icon menu on mobile.
Can I add hover effects to buttons/links?
Yes. Customize hover colors for text, background, and border on supported blocks (e.g., Buttons, Navigation).
Can I make sticky headers or floating CTAs?
If your theme supports sticky headers, BBE works with it. For floating CTAs, add a button within a Group and position it; then fine-tune visibility per device using BBE’s responsive visibility.
Landing Pages & Campaigns
What’s the fastest way to build a campaign landing page?
Pick a Pre-made Website or a single landing template, import in one click, swap content, and publish. You can mix sections (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 WordPress. If you already use other blocks/plugins, they remain compatible.
Can I make sticky headers or floating CTAs?
If your theme supports sticky headers, BBE works with it. For floating CTAs, add a button within a Group and position it; then fine-tune visibility per device using BBE’s responsive visibility.
Performance & Safety
Will BBE slow down my site?
BBE is lightweight and performance-focused. It adds controls and styles only when used. Animations are CSS/JS-efficient 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 Better Block Theme
What is the Better Block Theme?
A companion block theme designed to match BBE’s system of colors, spacing, and typography. It adds extra styles for Navigation, Buttons, and Group blocks for the fastest path to a polished, fully responsive site.
Do I have to use the companion theme?
No. BBE works with any compatible block theme. The companion theme just shortens setup time.
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 and receive updates through your dashboard like any other plugin
Where can I get help?
Start with the in-plugin tips and docs. If something looks off after install, try:
- Importing a template/section (for structure)
- Setting breakpoints for Row/Stack/Grid
- Using One-click Customization for brand colors/typography
- Toggling responsive visibility and Prevent shrinking for complex layouts
Licensing, Updates & Support
“Doesn’t look like the demo”
Use Pre-made Websites or Partial Import; imported content inherits your styles.
“Change colors/fonts”
Open One-click Customization; set brand colors and font sizes; fine-tune with 33 color slots.
“Broken on mobile”
Set Row ↔ Stack per breakpoint; adjust spacing/alignment; Prevent shrinking on fixed blocks; set responsive visibility.
“Add CTA in header”
Add a Button to the Navigation; set hover/active colors; adjust collapse breakpoint.
“Build landing page fast”
Import a landing template; swap copy/media; mix sections via Partial Import; publish.