Dream Theme

<p>Better Block Editor (BBE) adds responsive layout controls, hover effects, on-scroll animations, and ready-to-use site templates to Block Editor. It’s not another page builder. It doesn’t replace core blocks or add bloat — BBE just adds the missing settings where needed. It works with your current block theme and plugins, so your existing content stays intact.</p>
<h3>Highlights</h3>
<ul>
<li>Responsive Settings for Row, Stack, Grid, Columns, Button, Navigation, and text (Heading, Paragraph) blocks — choose a breakpoint, then adjust orientation, spacing, and alignment at that breakpoint.</li>
<li>Responsive Visibility for any block — set the default visibility state and change it at a chosen breakpoint.</li>
<li>Prevent Shrinking for elements set to Fixed or Fit-content sizes — keeps complex layouts intact on small screens.</li>
<li>Animation on Scroll — configurable animation effect, easing, duration, and delay.</li>
<li>Hover colors for Button and Navigation.</li>
<li>Pre-made Sites and Partial Import — bring over a full site or a single page/section; assets import automatically.</li>
<li>One-click customization for imported content — set primary, secondary, and neutral colors; BBE creates a balanced palette in one click.</li>
<li>Native Block Editor integration — no lock-in, lightweight, GPL, and free.</li>
</ul>
<h3>Free pre-made site templates</h3>
<ul>
<li>Business — <a href="https://templates.wpbbe.io/business/" rel="nofollow ugc">https://templates.wpbbe.io/business/</a></li>
<li>Brewery — <a href="https://templates.wpbbe.io/brewery/" rel="nofollow ugc">https://templates.wpbbe.io/brewery/</a></li>
<li>Life Coach — <a href="https://templates.wpbbe.io/life-coach/" rel="nofollow ugc">https://templates.wpbbe.io/life-coach/</a></li>
<li>Bakery — <a href="https://templates.wpbbe.io/bakery/" rel="nofollow ugc">https://templates.wpbbe.io/bakery/</a></li>
<li>More templates coming soon.<br />
<strong>How it works</strong><br />
Import a template and make it yours in minutes with the one-click customization tool. Mix pages and sections from different templates with Partial Import. Create a professional website in hours — not weeks!</li>
</ul>
<h3>Features</h3>
<ul>
<li>Responsive Settings for Row and Stack — change orientation (convert Row <span aria-hidden="true" class="wp-exclude-emoji">↔</span> Stack), justification, vertical alignment, and spacing at a chosen breakpoint. This panel is key to controllable responsive behavior in Block Editor sites.</li>
<li>Prevent Shrinking — available when a block’s width/height is set to Fit content or Fixed; prevents fixed-size elements from collapsing on small screens.</li>
<li>Responsive Visibility for any block — set the default visibility state (visible/hidden) and change it at a chosen breakpoint.</li>
<li>Responsive Settings for Grid — replaces the core Stack on mobile with a dedicated panel to choose the stacking breakpoint and adjust spacing at that breakpoint.</li>
<li>Improved Stack on mobile for Columns — choose the breakpoint and optionally reverse the column order at that breakpoint.</li>
<li>Navigation overlay menu — replaces the fixed Mobile option with Responsive; pick the exact breakpoint when navigation collapses to a menu icon (useful for headers).</li>
<li>Hover color for Navigation — add hover color controls for menu and submenu items.</li>
<li>Responsive Settings for Button — control the orientation of inner buttons (stack or reverse), plus justification and vertical alignment at a chosen breakpoint.</li>
<li>Hover colors for Button — set text, background, and border colors on hover.</li>
<li>Responsive Settings for Post Template (Grid view) — stack posts and adjust spacing at a chosen breakpoint.</li>
<li>Animation on Scroll for any block — subtle reveal on scroll with configurable effect, easing, duration, and delay.</li>
<li>Responsive text alignment — add alignment controls at a chosen breakpoint for Heading, Paragraph, and select text-based blocks.</li>
<li>SVG Icon block + sanitized SVG upload — place SVG icons anywhere; control size, color, hover color, and linking.</li>
<li>Breakpoints — edit built-in breakpoints and add or remove custom breakpoints.</li>
</ul>
<h3>Requirements & Compatibility</h3>
<ul>
<li>WordPress 6.8 or later</li>
<li>Uses the native Block Editor (Gutenberg)</li>
<li>Works with block themes; does not target third-party page builders</li>
</ul>
<h3>Privacy</h3>
<p>This plugin does not collect personal data from site visitors. It uses standard Block Editor controls and optional template imports. Site owners should review their own analytics/embeds for compliance.</p>
<h3>License</h3>
<p>Better Block Editor is distributed under the GPLv2 or later. You are free to use it on personal and commercial sites.</p>
<h3>Resources</h3>
<ul>
<li>Official website — <a href="https://wpbbe.io/" rel="nofollow ugc">https://wpbbe.io/</a></li>
<li>User Guide — <a href="https://docs.wpbbe.io/" rel="nofollow ugc">https://docs.wpbbe.io/</a></li>
</ul>


Better Block Editor (BBE)


The template importer is amazing! I was able to set up a whole site in just a few clicks. The designs look great, and now I just need to customize the content. I also love the control the responsive settings give, super helpful. Really impressed overall. Expecting more nice templates and blocks. Great job, team!


Wow!

Better Block Editor (BBE) — responsive layout controls, on-scroll animations, and pre-made site templates for Block Editor.

Twentig

<h3>The easy way to create your own website.</h3>
<p>With its powerful tools, the Twentig plugin helps you create a stunning website easily. Customize your block theme and build beautiful pages — no coding or design skills needed.</p>
<p>With starter templates, portfolio features, enhanced Gutenberg blocks, and block patterns, you’ve got everything you need to build a beautiful website that looks great on any device.</p>
<h3>Customize Twenty Twenty-Five or any block theme.</h3>
<p><iframe loading="lazy" title="This FREE plugin makes WordPress Block Themes Easy!" width="750" height="422" src="https://www.youtube.com/embed/nGGX3TKnFH4?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p>With its essential tools, Twentig helps you customize the Twenty Twenty-Five theme or any block theme built for full site editing.</p>
<p><strong>Starter templates.</strong> No need to design your website from scratch. To save you time and effort, import a ready-made <a href="https://twentig.com/starter-sites/?utm_source=wp-repo&utm_medium=link&utm_campaign=starter" rel="nofollow ugc">website template</a> from our ever-growing library.</p>
<p>Website starter templates for the Twenty Twenty-Five theme:</p>
<ul>
<li><a href="https://demo.twentig.com/tt5-business/" rel="nofollow ugc">Business</a></li>
<li><a href="https://demo.twentig.com/tt5-news/" rel="nofollow ugc">News Blog</a></li>
<li><a href="https://demo.twentig.com/tt5-photo/" rel="nofollow ugc">Photo Blog</a></li>
<li><a href="https://demo.twentig.com/tt5-personal/" rel="nofollow ugc">Personal Blog</a></li>
</ul>
<p>Website starter templates for the Twenty Twenty-Four theme:</p>
<ul>
<li><a href="https://demo.twentig.com/tt4-default/" rel="nofollow ugc">Business</a></li>
<li><a href="https://demo.twentig.com/tt4-blog/" rel="nofollow ugc">Blog</a></li>
<li><a href="https://demo.twentig.com/tt4-personal/" rel="nofollow ugc">Personal</a></li>
<li><a href="https://demo.twentig.com/tt4-portfolio/" rel="nofollow ugc">Portfolio</a></li>
</ul>
<p><strong>Enhanced theme blocks.</strong> Twentig extends the Gutenberg blocks that structure your entire site with advanced settings like navigation breakpoint, responsive logo width, menu hover style, and many more.</p>
<p><strong>Additional block patterns.</strong> Twentig lets you quickly build your blog, portfolio, header, and footer with pre-built block patterns.</p>
<h3>Do more with Gutenberg blocks.</h3>
<p>Twentig enhances the existing Gutenberg blocks — taking the WordPress block editor to a new level of design and creativity.</p>
<p><strong>Powerful Gutenberg block features.</strong> Twentig provides alternative styles, additional block settings, and CSS classes. From scroll animations to group shape divider to typography settings, you have the best tools to customize the Gutenberg blocks.</p>
<p><strong>Block customization made easy.</strong> We’ve added the right amount of features to the Gutenberg core blocks. So you can easily customize your blocks to fit your needs with just a few clicks.</p>
<h3>Build your website with ready-to-use patterns.</h3>
<p>Twentig brings hundreds of pre-designed block patterns and page templates — making it easier and faster than ever to create stunning pages.</p>
<p><strong>Flexible block patterns.</strong> Choose from a variety of versatile block patterns and page templates that you can mix and match to fit your project. Our pattern library is designed to enable a wide range of uses and endless design possibilities.</p>
<p><strong>Professional design.</strong> Our patterns are responsive and give your pages a professional look right from the start.</p>
<h3>Create a stunning portfolio website</h3>
<p>Twentig provides all the WordPress tools you need to easily create a portfolio website that showcases your work online beautifully.</p>
<p><strong>Portfolio post type & taxonomies.</strong> With Twentig’s portfolio post type, you can seamlessly manage all your projects in one place. Use the WordPress block editor to build your portfolio pages, add featured images, and assign project categories and tags.</p>
<p><strong>Portfolio block.</strong> Display your projects with our powerful yet simple portfolio block. You can customize its query settings, layout, and style. It works just like the Query Loop block — making it a familiar experience.</p>
<p><strong>Portfolio block patterns.</strong> Choose from a variety of patterns to showcase your projects including grid, grid overlay, or split layout. Change the design in a single click and select the pattern that fits your needs.</p>
<h3>Using the Twenty Twenty-One or Twenty Twenty theme?</h3>
<p>If you prefer to use the Customizer instead of full site editing, Twentig offers advanced options to customize the Twenty Twenty-One and Twenty Twenty themes.</p>
<p><strong>Advanced theme customization.</strong> From post grid to sidebar to sticky menu to header & footer layouts, our plugin provides endless ways to enhance your WordPress theme. Change the design of your website by customizing the fonts (Google Fonts), site layout, global styles, 404 page, and more.</p>
<p><strong>Custom page templates.</strong> Control the look of your entire page with our page templates. Remove the page title, header & footer, or set a transparent header. Now you can use Gutenberg blocks to create a custom hero, landing page, coming soon page, and more.</p>
<p><strong>Starter websites.</strong> Instead of starting from scratch, you can quickly import one of <a href="https://twentig.com/starter-sites/#previous-themes" rel="nofollow ugc">Twentig’s Starter Websites</a>.</p>
<h3>Twentig features list</h3>
<p>Check out the screenshots to see how Twentig can transform your theme and the Gutenberg blocks.</p>
<h4>ADDITIONAL SETTINGS FOR GUTENBERG THEME BLOCKS</h4>
<ul>
<li><strong>Navigation:</strong> responsive breakpoint, menu icon size, hover style, active style</li>
<li><strong>Site Logo:</strong> image width on mobile</li>
<li><strong>Query Loop:</strong> vertical alignment, responsive column width</li>
<li><strong>Post Title:</strong> typography options</li>
<li><strong>Post Featured Image:</strong> shapes, hover effect</li>
<li><strong>Post Tags and Post Categories:</strong> styles (outline, pill, hashtag, plain)</li>
<li><strong>Post Author:</strong> inline layout, avatar shape</li>
<li><strong>Pagination:</strong> page numbers styles (circle, square, plain), previous page and next page styles (pill, square)</li>
<li><strong>Previous Post and Next Post:</strong> styles (stack, arrow)</li>
</ul>
<h4>ADDITIONAL GUTENBERG BLOCK SETTINGS</h4>
<ul>
<li><strong>Gutenberg core blocks:</strong> scroll animation, responsive visibility</li>
<li><strong>Group:</strong> shape divider</li>
<li><strong>Columns:</strong> responsive layout</li>
<li><strong>Column:</strong> stretched link</li>
<li><strong>Media & Text:</strong> styles (shadow, overlap), responsive layout, reverse stack order, stretched link, full height</li>
<li><strong>Cover:</strong> shapes, stretched link, hover effect</li>
<li><strong>Heading:</strong> typography options, decoration</li>
<li><strong>Paragraph:</strong> typography options</li>
<li><strong>List:</strong> styles (dash, checkmark, arrow, border, no bullet, inline), spacing</li>
<li><strong>Details:</strong> icon, icon position</li>
<li><strong>Separator:</strong> styles (asterisks, dotted, dashed), width, height</li>
<li><strong>Image:</strong> shapes</li>
<li><strong>Gallery:</strong> fixed width columns, image aspect ratio, vertical alignment, responsive layout, caption size, border, black & white filter</li>
<li><strong>YouTube, Vimeo, SoundCloud, and Video blocks:</strong> style (frame)</li>
<li><strong>Social Icons:</strong> styles (square, rounded), hover effect</li>
<li><strong>Quote and Pullquote:</strong> additional styles</li>
<li><strong>Table:</strong> styles (border, inner border), vertical alignment</li>
<li><strong>Tag Cloud:</strong> style (pill)</li>
<li><strong>Search:</strong> style (underline)</li>
</ul>
<h4>GUTENBERG TEMPLATE LIBRARY</h4>
<p>Hundreds of Gutenberg block patterns and pre-designed page templates grouped by following categories:</p>
<ul>
<li>Columns</li>
<li>Text and Image</li>
<li>Text</li>
<li>Hero</li>
<li>Cover</li>
<li>Call to Action</li>
<li>List</li>
<li>Numbers, Stats</li>
<li>Gallery</li>
<li>Video, Audio</li>
<li>Contact</li>
<li>Team</li>
<li>Testimonials</li>
<li>Logos, Clients</li>
<li>Pricing</li>
<li>FAQs</li>
<li>Events, Schedule</li>
<li>Posts (block themes)</li>
<li>Portfolio (block themes)</li>
<li>Headers (block themes)</li>
<li>Footers (block themes)</li>
<li>Pages (Homepage, About, Services, Contact)</li>
<li>Single Page</li>
</ul>
<h3>Get more</h3>
<ul>
<li><a href="https://twentig.com/quickstart-guide/?utm_source=wp-repo&utm_medium=link&utm_campaign=guide" rel="nofollow ugc">See our quickstart guide</a> to learn the basics of using Twentig.</li>
<li><a href="https://twentig.com/newsletter?utm_source=wp-repo&utm_medium=link&utm_campaign=newsletter" rel="nofollow ugc">Subscribe to our newsletter</a> to receive exclusive content, tips and updates.</li>
<li><a href="https://www.youtube.com/channel/UCHZglgs5eTxkpRFl2r5RsGA?sub_confirmation=1" rel="nofollow ugc">Subscribe to our YouTube channel</a> for upcoming tutorials.</li>
<li><a href="https://wp.gallery" rel="nofollow ugc">Explore the best WordPress websites</a> built with the block editor for inspiration.</li>
</ul>
<h3>Enjoying Twentig?</h3>
<ul>
<li><a href="https://wordpress.org/support/plugin/twentig/reviews/" rel="ugc">Rate it on WordPress</a>.</li>
<li><a href="https://www.paypal.com/donate?hosted_button_id=JTBTPQAFEA94E" rel="nofollow ugc">Donate</a> to support its development.</li>
</ul>


Toolkit for Block Theme (Starter Templates, Portfolio, Gutenberg Blocks, Patterns) – Twentig

One of the most useful, handier, time-saving plugins that make things easier to work with the default WordPress themes (Twenty Twenty, Twenty Twenty-one, Twenty Twenty-two).

Excellent Plugin


I like how the plugin integrates with native blocks and doesn’t overly appropriate the WordPress interface. But I miss progress. The promised Twentig One theme seemed like an interesting solution to simplify the creation of FSE websites. When can we expect some news? :)



Thanks!


Extends native blocks without taking ownership of WordPress UI


An excellent plugin - adding many features and patterns to the block editor that should be in core. Very much appreciate the understated way this has been implemented. It's a professional solution, not trying to take over the editor or full of upsells. Thank you! 


Excellent

Create your website with starter templates, portfolio features, enhanced Gutenberg blocks & patterns. Boost Twenty Twenty-Five or any block theme.

Better Block Editor (BBE) vs Toolkit for Block Theme (Starter Templates, Portfolio, Gutenberg Blocks, Patterns) – Twentig