Better Block Editor (BBE) vs Premium Blocks – Gutenberg Blocks, Patterns & Templates

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. Highlights 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. Responsive Visibility for any block — set the default visibility state and change it at a chosen breakpoint. Prevent Shrinking for elements set to Fixed or Fit-content sizes — keeps complex layouts intact on small screens. Animation on Scroll — configurable animation effect, easing, duration, and delay. Hover colors for Button and Navigation. Pre-made Sites and Partial Import — bring over a full site or a single page/section; assets import automatically. One-click customization for imported content — set primary, secondary, and neutral colors; BBE creates a balanced palette in one click. Native Block Editor integration — no lock-in, lightweight, GPL, and free. Free pre-made site templates Business — https://templates.wpbbe.io/business/ Brewery — https://templates.wpbbe.io/brewery/ Life Coach — https://templates.wpbbe.io/life-coach/ Bakery — https://templates.wpbbe.io/bakery/ More templates coming soon. How it works 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! Features Responsive Settings for Row and Stack — change orientation (convert Row ↔ Stack), justification, vertical alignment, and spacing at a chosen breakpoint. This panel is key to controllable responsive behavior in Block Editor sites. 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. Responsive Visibility for any block — set the default visibility state (visible/hidden) and change it at a chosen breakpoint. 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. Improved Stack on mobile for Columns — choose the breakpoint and optionally reverse the column order at that breakpoint. Navigation overlay menu — replaces the fixed Mobile option with Responsive; pick the exact breakpoint when navigation collapses to a menu icon (useful for headers). Hover color for Navigation — add hover color controls for menu and submenu items. Responsive Settings for Button — control the orientation of inner buttons (stack or reverse), plus justification and vertical alignment at a chosen breakpoint. Hover colors for Button — set text, background, and border colors on hover. Responsive Settings for Post Template (Grid view) — stack posts and adjust spacing at a chosen breakpoint. Animation on Scroll for any block — subtle reveal on scroll with configurable effect, easing, duration, and delay. Responsive text alignment — add alignment controls at a chosen breakpoint for Heading, Paragraph, and select text-based blocks. SVG Icon block + sanitized SVG upload — place SVG icons anywhere; control size, color, hover color, and linking. Breakpoints — edit built-in breakpoints and add or remove custom breakpoints. Requirements & Compatibility WordPress 6.8 or later Uses the native Block Editor (Gutenberg) Works with block themes; does not target third-party page builders Privacy 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. License Better Block Editor is distributed under the GPLv2 or later. You are free to use it on personal and commercial sites. Resources Official website — https://wpbbe.io/ User Guide — https://docs.wpbbe.io/

With Premium Blocks for Gutenberg, you get a free, comprehensive collection of advanced blocks and features for the WordPress block editor. Our plugin helps you go beyond the basics to create stunning, responsive websites with ease. With a constant flow of new customization options, it’s the ultimate toolkit for designers and developers looking to build and maintain high-performing sites. Useful Links Support | Docs | Website KEY FEATURES Fast & Optimized – Smooth Gutenberg editor performance. 33+ Free Gutenberg Blocks. Ready-Made Patterns – Pre-designed sections for pages, posts, and FSE. Global Settings – Manage styles across the site Responsive Controls – Customize desktop, tablet, and mobile. Display Conditions – Show or hide blocks by user, device, or date. Entrance Animations – Animate blocks on load. Equal Height Feature. Copy/Paste Styles – Transfer styling between blocks. Advanced Gallery – Multiple image layouts. Lottie Animations. SVG Draw Effects. Post Grid & Carousel – Showcase posts and custom types. One-Page Scroll. Translation Ready – Fully WPML compatible. Flexbox Container Gutenberg Block Effortlessly create complex, responsive layouts using the power of Flexbox. Arrange elements side-by-side, stack them vertically, or even distribute them evenly with ultimate control and flexibility inside your Gutenberg editor. Gutenberg Templates Speed up your workflow by inserting pre-designed patterns directly into any page, post, or FSE template with a single click. Learn More Premium Blocks For Gutenberg Global Settings for Gutenberg Editor Save time and streamline your workflow by setting global styles and defaults for all your Gutenberg blocks. Customize fonts, colors, spacing, and more once and apply them seamlessly across your entire WordPress website. Presets and Variations for Various Gutenberg Blocks Elevate your website design in seconds with Free Blocks for Gutenberg’s extensive library of pre-designed presets and variations. Forget the hassle of starting from scratch – simply choose a preset that aligns with your vision, and then personalize it further with a variety of built-in variations. Copy/Paste Style Feature for Gutenberg Achieve design consistency effortlessly with the Copy/Paste Style feature. Quickly copy formatting and styles from one Gutenberg block to another, ensuring a cohesive and branded look across your entire WordPress website. Display Conditions for Gutenberg Blocks Free Global Features lets you control the visibility of any block—core, Premium Blocks, or third-party—based on user role, device, location, browser, date, and more. Build dynamic, personalized content with no code. View Demo Equal Height Feature for Gutenberg Ensure visual harmony across your Gutenberg website with the Equal Height feature. Make columns, blocks, or any elements match each other’s height with a single click, creating a clean and polished look. Entrance Animation Feature for Gutenberg Blocks Grab attention and captivate your website visitors with stunning entrance animations for your Gutenberg blocks. Choose from a variety of pre-built entrance animations to make each element stand out with dynamic flair. Asset File Generation Feature Optimize your WordPress website performance with lightning-fast loading times using the Asset File Generation feature for Gutenberg. Automatically optimize and compress images, icons, and other assets for the web, ensuring a smooth and speedy user experience. Available Elements Banner – Create interactive banners using Gutenberg Banner block which offers ready-made styles alongside numerous customization options. Buttons – Add powerful calls to actions inside the Gutenberg editor using the fully customizable Buttons block. Counter – Showcase your impressive facts and figures on your WordPress website using dynamic counters. Dual Heading – Combine titles and subtitles for impactful statements inside your Gutenberg editor. Heading Professional-looking headlines with numerous styles to choose from. Icon – Enrich your Gutenberg content with meaningful and stylish Font Awesome and WordPress-Dash icons. Google Maps – Embed interactive Google maps directly into your WordPress website. Pricing Table – Seamlessly, present pricing plans clearly and attractively inside your Gutenberg editor. Section – Structure your WordPress website content into organized and visually appealing sections. Testimonials – Highlight customer reviews or positive quotes and build trust using the Testimonials Gutenberg block. Accordion – Organize and present FAQs or expandable content efficiently inside Gutenberg editor. Icon Box – Combine icons with text for eye-catching informational blocks. Video Box – Add YouTube, Vimeo, and Dailymotion videos or you can upload a custom video all inside Gutenberg editor. Flex Container – Group and organize content elements within your Gutenberg layout using the powerful Flexbox Container block with its advanced responsive settings. Animated Text – Capture attention with dynamic and animated text effects inside Gutenberg editor. Lottie Animations – Add engaging and lightweight animated elements and key visuals using Lottie Animations Gutenberg block. Modal Popup – Create pop-up windows for additional content or calls to action inside your Gutenberg editor. Image Separator – Divide your Gutenberg sections with stylish and customizable image separators. Bullet List – Present information clearly and concisely with styled bullet lists on your WordPress website. Team Members – Showcase your team members with photos, bios, and social links. Content Switcher – Offer alternative content options with a toggle switch within your Gutenberg editor. Instagram Feed – Display your Instagram feed directly on your WordPress website. Post Carousel – Showcase your blog posts in a visually appealing carousel. Post Grid – Present your blog posts in a neat and organized grid layout. SVG Draw – Create dynamic and interactive SVG drawings directly on your WordPress website. Form – Create beautiful contact forms and more with our intuitive Gutenberg Form block. Image – Explore Gutenberg’s Image block with its diverse masks, styles, controls, and options, perfect for enhancing your visual content. Gallery – Engage your Images in various layout Tabs – For making advanced tabs with content Off Canvas – Create hidden, slide-in panels for navigation menus, sidebars, or promotional content using multiple triggers; Button, Image, Icon, SVG, and Lottie Animations. One Page Scroll – Build engaging full-screen scrolling websites with customizable navigations dots, menu items, arrows and smooth transitions. Ideal for modern landing pages, product showcases, storytelling, portfolios and more. Star Ratings – Display customizable star ratings with adjustable colors and icons—including any SVG—fully editable without any coding required.