Beaver Builder Page Builder – Drag and Drop Website Builder vs ECS – Ele Custom Skin for Elementor

The Professional’s Choice for Drag & Drop WordPress Page Building. Fast, Reliable, and Trusted since 2014 Beaver Builder is the page builder and website builder that agencies and developers rely on. Create pixel-perfect websites with our visual editor – no coding required. Front-end editing, flexible templates, and enterprise-grade performance. Try Beaver Builder Pro for unlimited sites and premium features. What Is The Beaver Builder Page Builder? Beaver Builder is a flexible drag and drop page builder that works on the front end of your WordPress website. Whether you’re a beginner or a professional, you’re going to love taking control of your website. Stop writing HTML or wrestling with confusing shortcodes. With Beaver Builder, building beautiful, professional WordPress pages is as easy as dragging and dropping. Watch the video below or try out the demo to see it in action! Premium Support The Beaver Builder team provides very limited support on the WordPress.org forums. Please feel free to post questions or bug reports, but for timely support, we recommend purchasing a Beaver Builder license. Along with access to our expert support team, there are many time-saving features in the premium versions which make it a great value for any serious WordPress user. Get a license today. You can also reference our Knowledge Base, or try asking the Beaver Builder community for help in either Facebook or Slack. Keep in mind, these are all folks just like you who are volunteering their time. Join our Growing Community There is a huge colony (yeah, that’s the term for a group of beavers) of “Beaver Builders” that would love to get to know you! If you have questions, a project to show off, or you would like to meet and network with other Beaver Builder users, you’ll feel right at home in the Beaver Builders Facebook Group or the Beaver Builders Slack Channel. Come on by and say hello. Page Builder Features Content Modules: Box, Photo, Button, Button Group, Callout, Call to Action, Heading, Icon, Menu, Number Counter, Text Editor, HTML, Audio, Video, & Sidebar. Full-width, column-based layouts. Create flexbox and CSS grid layouts with the Box Module. Also included are some Box module presets to get you going faster! Lightweight and semantic markup for maximum performance. Photo, color, and video row backgrounds. Mobile-friendly, responsive layouts. Add your own CSS classes and IDs. Use WordPress Widgets and shortcodes. Works with Pages, Posts, and Custom Post Types. A friendly and supportive community. Build your own custom modules. Premium Features Additional modules: Contact Form, Tabs, Slider, Pricing Table, Map, Blog Posts, Subscribe Form and many more. Beaver Themer Theme Builder. Beaver Builder Theme. Expert support from our world-class support team. Beautiful pre-made layout templates. Save, export, and reuse full-page layouts, rows, and modules. Save a Global Color palette. Create styles that apply globally throughout your Beaver Builder layouts. Come by the Beaver Builder Homepage to learn more about what our premium features can do for you! People REALLY LOVE Beaver Builder Don’t just take our word for it, here are a few testimonials from happy users and customers. “Simply put, it is the best page builder in the WordPress ecosystem. There is no close second.” – WP Crafter “Complete design freedom with no coding and it is all fully responsive as well.” – skyboro “Easy to use, fast to get started, real product depth, great support.” – David Bressler Modules And Widgets We’ve loaded Beaver Builder up with a flexible set of content modules to aid you in building stunning layouts and landing pages within an intuitive drag and drop system. Beaver Builder also supports core and third party WordPress widgets and shortcodes, so you can use Beaver Builder with all your other favorite plugins! A WordPress Page Builder That Works With Your Theme Yep, that’s right! Beaver Builder was designed to work with almost any WordPress theme. Try Beaver Builder on your existing website today, or consider upgrading and using Beaver Builder’s outstanding framework theme (available in Pro and Agency packages) for your next project. A WordPress Page Builder That’s 100% Mobile Friendly Every part of a Beaver Builder layout or landing page is fully responsive and looks gorgeous on any screen size. Responsive web design has never been easier. A WordPress Page Builder That’s Optimized For Performance We’ve designed Beaver Builder to create layouts and landing pages that load quickly. Many page builders load in an ungodly number of scripts and stylesheets to every page on your site. Not Beaver Builder! It only loads the assets needed for a given layout or landing page.

ECS adds what Elementor doesn’t have — without replacing what it does well. Every feature is a standalone module. Enable only what you need from ECS → Modules in the WordPress admin. Unused modules load zero CSS, zero JS, and register no hooks. 🎨 Dark Mode Colours A Default Colours tab appears inside Elementor’s Site Settings, right next to Global Colors. Set a Default and a Dark Mode colour for every global colour slot. Dark mode colours are written as CSS variables — no JavaScript swapping, pure CSS, zero flash. A fallback swatch shows the default colour when the dark slot is empty. The Dark Mode Switcher widget lets visitors toggle between light and dark with full style controls. 📐 Container Layout Two additional layout modes for Elementor Flex Containers: Slider Mode — Turn any container into a CSS-only slider. No JS library, no dependencies. Custom Layout — Pick a Theme Builder template as the layout frame. Place ECS Placeholder widgets inside the template; ECS distributes the container’s children into those slots automatically. Supports cycling and graceful fallback. Works live in the Elementor editor. 🔁 Loop Custom Layout Arrange Loop Grid items inside a Custom Layout template using ECS Placeholder widgets — powered by Elementor’s native Loop Grid query. Full editorial control over the item grid without leaving Elementor. 📱 Menu Responsive Turn any Elementor Nav Menu widget into a responsive hamburger menu. Layout, alignment, animation, and breakpoint controls — all from the Elementor panel. ✍️ Editorial Text Wrap images inside text blocks with float controls and captions. Magazine-style editorial layouts built entirely in Elementor. 🎨 Style Templates Save any widget’s Style tab settings as a named preset and apply them to other widgets of the same type in one click — across pages, templates, and sites. Export and import your full style library as JSON. 🛠 JSON PowerEdit Edit any Elementor widget’s raw settings JSON directly from the panel. Raw textarea for paste-and-replace, interactive tree view for surgical edits. Keyboard shortcut: Ctrl/Cmd + Enter to apply. ✅ Legacy (ECS 3.x — backward compatibility) The original loop skin functionality is preserved in the Legacy module for existing sites built with ECS 3.x. If you’re updating from ECS 3.x, this module activates automatically. For new projects, use Elementor’s native Loop Builder. Note: This plugin requires Elementor (free). Container Layout (Custom Layout mode) and Style Templates require Elementor Pro.