Dream Theme

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.
<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. 
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!</li>
</ul>
<h3>Features</h3>
<ul>
<li>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.</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>
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.
<h3>License</h3>
Better Block Editor is distributed under the GPLv2 or later. You are free to use it on personal and commercial sites.
<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.

bdthemes

Selim Rana

Abu Talib

Faridul Islam

Asikur Rahman

Shahidul Islam

SYED FARHAN REZA

Maudud Hossain

Md. Arafat Akash

Shm Usuf

Rakibul Islam

Sohanur Rahman

Tauhidul Alam

imrouf

Element Pack is a powerful addon for Elementor that helps you build beautiful and responsive websites with ease. It also offers exclusive features, including 300+ widgets and 2,700+ templates, giving you everything you need to design WordPress websites with ease.
<h3><a href="https://bdthemes.com/deals/?utm_source=WordPress_org&utm_medium=bfcm_cta&utm_campaign=element_pack" rel="nofollow ugc">🎉 Black Friday Offer: Upgrade to Pro and Save up to 87% on All Plugins! 🎊</a></h3>
Trusted by 100,000+ websites, it’s the easiest way to design your stunning websites without coding.
👉 <a href="https://elementpack.pro" rel="nofollow ugc">Get Element Pack Now for Free</a>.
<h3>🚀 Why Choose Element Pack?</h3>
✅ 2700+ Ready-Made Templates – Use pre-designed pages, headers, footers and blocks instantly. 
✅ 300+ Advanced Widgets – Add interactive Elementor widgets to enhance your website. 
✅ Fully Customizable – Easily adjust elements, templates and widgets to match your style. 
✅ Seamless Integrations – Works with WooCommerce, Easy Digital Downloads (EDD), Advanced Custom Fields (ACF) and more. 
✅ Lightweight & Fast – Optimized for performance without slowing down your site. 
✅ Trusted by Millions – 4M+ all-time downloads and growing. 
✅ Top Ratings – Rated 4.7 out of 5 on WordPress.org and 4.5 out of 5 on G2. 
✅ Quick Support – Our dedicated support team is ready to help with any questions or issues.
Element Pack gives you everything you need to build high-quality websites quickly and efficiently. 🚀
<a href="https://www.elementpack.pro/widgets/" rel="nofollow ugc">Element Pack Demo</a> | <a href="https://elementpack.pro" rel="nofollow ugc">Official Websites</a> | <a href="https://bdthemes.com/all-knowledge-base-of-element-pack/" rel="nofollow ugc">Knowledge base</a> | <a href="https://youtube.com/playlist?list=PLP0S85GEw7DOJf_cbgUIL20qqwqb5x8KA&si=bR91QQYCjeAtG9vC" rel="nofollow ugc">VideoTutorial</a>
“I found Element Pack Pro to be brimming with cutting-edge design tools and widgets to please both designers and end users. Plus, a user-friendly dashboard makes the whole process of putting together a robust and modern site with WordPress and Elementor a breeze” – <a href="https://wpmayor.com/element-pack-pro-review/" rel="nofollow ugc">WP Mayor</a>.
“An excellent pack of tools to customize your website easily” – G2
<iframe loading="lazy" title="How Far Can You Go with Element Pack? (Mega Menu + Dark Mode in Action)" width="750" height="422" src="https://www.youtube.com/embed/Shxejp20pW0?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>
<h3>Supercharge your Elementor experience with Element Pack – the most comprehensive Elementor addon.</h3>
<h3>300+ Free & Premium Elementor Widgets to Simplify and Improve Your Design</h3>
Enhance your Elementor site with Element Pack’s powerful Elementor widgets. Get creative, improve user experience and effortlessly build stunning websites.
✅ <a href="https://www.elementpack.pro/demo/element/image-hover-effects/" rel="nofollow ugc">Image Hover Effects</a> – Enhance images with animations on hover to boost user engagement.[New] [Free]
✅ <a href="https://www.elementpack.pro/demo/element/cursor-effects/" rel="nofollow ugc">Cursors Effects</a> – Transform cursor appearance for a visually appealing and interactive experience.[New] [Free]
✅ <a href="https://www.elementpack.pro/demo/element/content-switcher/" rel="nofollow ugc">Content Switcher</a> – Toggle between content sections to simplify navigation and display information.[New] [Free]
✅ <a href="https://www.elementpack.pro/demo/element/document-viewer/" rel="nofollow ugc">Document Viewer</a> – Display documents directly on websites for convenient, in-browser access.[New] [Free]
✅ <a href="https://www.elementpack.pro/demo/element/interactive-card/" rel="nofollow ugc">Interactive Card</a> – Present information with clickable cards to organize and engage users.[New] [Free]
✅ <a href="https://www.elementpack.pro/demo/element/social-share/" rel="nofollow ugc">Social Share</a> – Add sharing buttons to expand your content’s reach instantly.[New] [Free]
✅ <a href="https://www.elementpack.pro/demo/element/forminator-form/" rel="nofollow ugc">Forminator Forms</a> – Create customizable forms to efficiently collect user data.[New] [Free]
✅ <a href="https://www.elementpack.pro/demo/element/scrollnav/" rel="nofollow ugc">Scroll Navigation</a> – Guide users through content with scrolling menus for better navigation.[New] [Free]
✅ <a href="https://www.elementpack.pro/demo/element/dynamic-content/" rel="nofollow ugc">Dynamic Content</a> – Display automatically updating content to personalize user experiences.[New] [Pro]
✅ <a href="https://www.elementpack.pro/demo/element/background-image-parallax/" rel="nofollow ugc">Background Image Parallax</a> – Create depth with moving backgrounds for a visually modern design.[New] [Pro]
✅ <a href="https://www.elementpack.pro/demo/element/testimonial-grid/" rel="nofollow ugc">Testimonial Grid</a> – Display client reviews in a structured and engaging layout. [Free]
✅ <a href="https://www.elementpack.pro/demo/element/navbar/" rel="nofollow ugc">Navbar</a> – Create a responsive and user-friendly navigation bar. [Free]
✅ <a href="https://www.elementpack.pro/demo/element/search/" rel="nofollow ugc">Search</a> – Add a search bar to help visitors find content easily. [Free]
✅ <a href="https://www.elementpack.pro/demo/element/product-carousel/" rel="nofollow ugc">Product Carousel</a> – Showcase your WooCommerce products in a stylish slider. [Free]
✅ <a href="https://www.elementpack.pro/demo/element/floating-effects/" rel="nofollow ugc">Floating Effects</a> – Add animations to make elements stand out. [Free]
✅ <a href="https://www.elementpack.pro/demo/element/creative-button" rel="nofollow ugc">Creative Button</a> – Design eye-catching buttons with unique effects. [Free]
✅ <a href="https://www.elementpack.pro/demo/element/static-carousel/" rel="nofollow ugc">Static Carousel</a> – Display images, text, or content in a static slider. [Free]
✅ <a href="https://www.elementpack.pro/demo/element/featured-box/" rel="nofollow ugc">Featured Box</a> – Highlight key features or services attractively. [Free]
✅ <a href="https://www.elementpack.pro/demo/element/call-out/" rel="nofollow ugc">Call Out</a> – Grab attention with standout messages or promotions. [Free]
✅ <a href="https://www.elementpack.pro/demo/element/mega-menu/" rel="nofollow ugc">Mega Menu</a> – Build advanced and multi-level menus for better navigation. [Pro]
✅ <a href="https://www.elementpack.pro/demo/element/image-hover-effects/" rel="nofollow ugc">Image Hover Effects</a> – Add stunning hover animations to your images. [Pro]
✅ <a href="https://www.elementpack.pro/demo/element/charts/" rel="nofollow ugc">Chart</a> – Visualize data with interactive charts and graphs. [Pro]
✅ <a href="https://www.elementpack.pro/demo/element/widget-tooltip/" rel="nofollow ugc">Widget Tooltip</a> – Show helpful tips when users hover over elements. [Pro]
✅ <a href="https://www.elementpack.pro/demo/element/vertical-menu/" rel="nofollow ugc">Vertical Menu</a> – Create side menus for easy browsing. [Pro]
✅ <a href="https://www.elementpack.pro/demo/element/portfolio-gallery/" rel="nofollow ugc">Portfolio Gallery</a> – Display projects in a beautiful grid layout. [Pro]
👉 <a href="https://www.elementpack.pro/widgets/" rel="nofollow ugc">Check All the Widgets</a>
<h3>2700+ Free & Pro Ready-Made Templates for Every Page & Section</h3>
With Element Pack Elementor Addon, you get a massive collection of professionally designed templates to build stunning websites quickly and easily. No need to start from scratch—just import, customize and launch!
<h3>400+ Page Templates – Build Full Websites in Minutes</h3>
Get access to 400+ complete page templates across 20+ categories, including:
✅ Landing Pages – Convert more visitors with high-converting designs.
✅ Service Pages – Showcase your services professionally and attract clients.
✅ Ecommerce Pages – Create beautiful WooCommerce product pages and boost sales.
✅ Portfolio Pages – Display your work in a stunning layout.
… and many more!
<h3>1900+ Free Blocks – Mix & Match to Create Unique Designs</h3>
✅ Hero Sections – Grab attention with engaging headlines and visuals.
✅ Testimonials – Build credibility with customer reviews.
✅ Call-to-Action Blocks – Encourage users to take action.
✅ Pricing Tables – Clearly present your pricing and packages.
… and many more to fit your needs!
<h3>250+ Header & Footer Templates – Professional Navigation & Branding</h3>
✅ Modern Headers – Improve navigation and user experience.
✅ Sticky & Transparent Headers – Create seamless, stylish designs.
✅ Customizable Footers – Add essential links, contact details and branding.
👉 <a href="https://www.elementpack.pro/ready-templates/ready-blocks/#ready-block" rel="nofollow ugc">Check all the templates with Live Demo</a>
<h3>Powerful WooCommerce Features for Elementor</h3>
Enhance your online store with Element Pack’s WooCommerce Elementor widgets. Build stunning, user-friendly shopping experiences with seamless Elementor integration.
🛒 WooCommerce Checkout Page – Smooth & Secure Payments
Create a fully customized checkout page that ensures a seamless and secure payment process. Improve conversions by optimizing the design for user experience.
🛍 WooCommerce Cart Page – Easy & Interactive Shopping Cart
Design an intuitive cart page where customers can view, update and manage their orders effortlessly, leading to a smoother shopping experience.
📦 WooCommerce Tracking Form – Real-Time Order Tracking
Let your customers track their orders easily with a WooCommerce tracking form. Improve customer satisfaction by providing real-time shipping updates.
🏷 WooCommerce Product – Showcase Products Beautifully
Display your WooCommerce products in a visually appealing layout. Highlight product details, pricing and add-to-cart buttons to drive more sales.
🎠 WooCommerce Slider – Engaging Product Carousels
Create dynamic WooCommerce product sliders to showcase featured, latest, or on-sale products. Grab attention and encourage more clicks with an interactive display.
👉 <a href="https://www.elementpack.pro/widgets/" rel="nofollow ugc">Check all WooCommerce Elementor Elements</a>
<h3>Exclusive & Unique Features to Supercharge Your Website</h3>
With Element Pack, you get powerful Elementor extensions that make designing your website easier, faster and more interactive. Improve user experience, streamline content and take full control of your site.
<h3>Seamless Easy Digital Downloads Integration for Your Store</h3>
Get all the features of Easy Digital Downloads (EDD) with Element Pack’s essential widgets. Whether you’re selling digital products, managing customer accounts, or showcasing reviews, these widgets make everything easier and more engaging.
<h3>Live Copy-Paste – Save Time with Instant Design Replication</h3>
You can copy any Elementor section or widget from one website to another with just one click. No need to recreate designs—just copy, paste and go!
<h3>Dynamic Grid & Carousel – Showcase Your Content Beautifully</h3>
Easily display posts, products, or custom content in a stylish grid or carousel. Keep your visitors engaged with interactive layouts.
<h3>Comparison List – Help Your Visitors Make Better Choices</h3>
You can let users compare multiple products, services, or features side by side. Perfect for eCommerce and pricing tables.
<h3>Visibility Controls – Display What Matters, When It Matters</h3>
Take full control of your content by choosing who sees what based on device type, user roles, or conditions. Customize your site for the right audience.
<h3>Notation – Make Your Content More User-Friendly</h3>
Highlight important sections with notes, labels, or tooltips. Guide your users and make your site easier to navigate.
<h3>iFrame – Embed External Content Seamlessly</h3>
You can display external websites, videos, or custom content inside your pages without affecting design or performance.
<h3>Scroll Box – Keep Long Content Organized</h3>
Wrap large text sections inside a scrollable box to keep your pages clean and easy to read. Ideal for FAQs, policies, or detailed information.
<h3>Sub Menu – Improve Your Site Navigation</h3>
Create multi-level submenus to help visitors navigate your site effortlessly. Keep your menus structured and user-friendly.
With Element Pack, you have everything you need to build a dynamic, engaging and user-friendly website!
<a href="https://www.elementpack.pro/" rel="nofollow ugc">Download Element Pack Free</a>
<a href="https://www.elementpack.pro/pricing/" rel="nofollow ugc">PURCHASE ELEMENT PACK PRO FROM OUR WEBSITE</a>
<h3>Common Issues and Solutions: 🐣</h3>
<ul>
<li>Editor fails to load 
Ans. It is due to your server PHP setting. You can increase PHP memory limit from wp-config.php file or php.ini file 
<a href="https://bdthemes.com/fix-elementor-stuck-on-loading-screen-instantly/" rel="nofollow ugc">View Documentation</a></li>
</ul>
<h3>Need Help?</h3>
Have a feature suggestion? Share it with us on our <a href="https://feedback.bdthemes.com/b/6vr2250l/feature-requests/idea/new" rel="nofollow ugc">Feature Suggestion Page</a>. 
For assistance, <a href="https://bdthemes.com/support/" rel="nofollow ugc">Contact us</a> 💌 or check out our Tutorials.
<h3>Check out our other Addons 👑</h3>
Explore the best free addons for Elementor and Gutenberg to boost your site with advanced blocks, sliders and eCommerce tools.
<ul>
<li>
<a href="https://wordpress.org/plugins/zoloblocks/" rel="ugc">ZoloBlocks</a> 🆕☀️ – Advanced Gutenberg block plugin for powerful web design.
</li>
<li>
<a href="https://wordpress.org/plugins/bdthemes-prime-slider-lite/" rel="ugc">Prime Slider</a> – Next-gen slider builder with a sleek interface.
</li>
<li>
<a href="https://wordpress.org/plugins/ultimate-post-kit/" rel="ugc">Ultimate Post Kit</a> – Ultimate blogging addon with customizable widgets.
</li>
<li>
<a href="https://wordpress.org/plugins/ultimate-store-kit/" rel="ugc">Ultimate Store Kit</a> – eCommerce addon for perfect online store designs.
</li>
<li>
<a href="https://wordpress.org/plugins/pixel-gallery/" rel="ugc">Pixel Gallery</a> – Easy-to-use image gallery addon for Elementor.
</li>
<li>
<a href="https://wordpress.org/plugins/live-copy-paste/" rel="ugc">Live Copy Paste</a> – Fast, cross-domain copy-paste for WordPress websites.
</li>
</ul>
Visit <a href="https://bdthemes.com/" rel="nofollow ugc">BdThemes</a> for services, page builders, blogs, documentation and exclusive ultimate addons for Elementor coupons.

Element Pack Addons for Elementor

This plugin is of great use . i had to purchase the pro pack and are very happy with the plugin . they are updating regurley .

Very happy


BdThemes offers a comprehensive solution for Elementor and WordPress users in Gothenburg. Their suite of UI/UX widgets and tools is not only perfect but also user-friendly. With an extensive collection of ready-to-use templates and blocks, they make website building a breeze. Additionally, their customer support is commendably quick and helpful, ensuring a smooth experience for all users.


BdThemes offers a comprehensive solution for Elementor and WordPress


I recently tried using your plugin on a couple of my websites and overall it was good. However, when I tried to add certain elements like testimonials, I found that I needed to install another plugin to create a custom post type (CPT) and other necessary components. In my opinion, it would be better if all the required features were included in your main plugin or in your pro version, instead of having to install additional plugins for specific elements. The same issue applies to the pricing plan options. I believe there is room for improvement in this aspect, and consolidating all the necessary features into one plugin would be highly beneficial.


Good plugin but there's a room for improvement

Ultimate Elementor addon with 300+ widgets, templates, live copy paste, post grid, header footer, mega menu, dynamic builder, WooCommerce and more.

Better Block Editor (BBE) vs Element Pack Addons for Elementor