PixeBuilder

<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/9CafcfKnTWY?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<p><strong>PixeBuilder</strong> is a modern, performance-first WordPress page builder built for agencies, freelancers, and developers who build sites every day.</p>
<p>Start free with the core drag-and-drop editor. <a href="https://pixebuilder.com/pricing/?utm_source=wordpress.org&utm_medium=plugin-readme&utm_campaign=upgrade-to-pro&utm_content=description-cta" rel="nofollow ugc">Upgrade to Pro</a> to unlock the full element library (90+ elements), 400+ prebuilt blocks, 80+ complete pages, AI tools, WooCommerce support, Header & Footer Builder, and more — all backed by a 30-day money-back guarantee.</p>
<p>Built by an experienced WordPress team with 14+ years of professional theme and plugin development.</p>
<h4>Why Agencies and Freelancers Choose PixeBuilder</h4>
<p><strong>Superior Interface, Faster Workflow</strong><br />
A clean, distraction-free editor designed for speed. Intuitive controls, a logical layout, and less clicking means you spend time building — not hunting through menus.</p>
<p><strong>Dual Editing Modes — Work Your Way</strong><br />
Switch between <strong>On-Click Popup</strong> mode for instant inline editing and the classic <strong>Side Panel</strong> mode for full settings access — whichever fits the task in front of you.</p>
<p><strong>Performance by Default — Clean HTML Output</strong><br />
PixeBuilder’s smart resource manager only loads the CSS and JavaScript that each individual page actually uses. The result: lean, semantic HTML output and fast load times with zero bloat.</p>
<p><strong>A Design System That Scales</strong><br />
Manage global Colors, Fonts, and Icons from one place. The built-in <strong>Variable Manager</strong> lets you define spacing, typography, radius, and shadow tokens with <strong>Fixed or Fluid modes</strong> — including CSS <code>clamp()</code> output for fluid responsive scaling across any viewport range. <strong>Variable Presets</strong> (Pro) let you save and switch between full design configurations in seconds.</p>
<p><strong>Built for Real-World Projects</strong><br />
From query-driven post archives to full WooCommerce stores, PixeBuilder has dedicated elements and templates for the exact layouts professional builders need.</p>
<h4>What’s Included in the Free Version</h4>
<p>The free PixeBuilder plugin gives you a complete, working page builder — not a locked demo.</p>
<ul>
<li>Core drag-and-drop visual editor</li>
<li>14 page builder elements</li>
<li>Responsive design controls</li>
<li>Lightweight, clean HTML output — no bloat</li>
<li>Regular plugin updates</li>
<li>Access to documentation and the community</li>
</ul>
<h4>What Pro Unlocks</h4>
<p>Upgrade to a Pro plan to unlock the complete toolkit for professional and agency work.</p>
<p><strong>Full Element Library (90+ elements)</strong></p>
<ul>
<li>41 standard elements for flexible content layouts</li>
<li>9 composite elements for advanced, pre-combined content sections</li>
<li>18 query elements for dynamic post, taxonomy, and archive displays</li>
<li>14 WooCommerce elements for shop, cart, and checkout pages</li>
<li>15 single WooCommerce elements for individual product page design</li>
</ul>
<p><strong>Prebuilt Templates & Assets</strong></p>
<ul>
<li>400+ premium prebuilt blocks — ready to drop into any page</li>
<li>80+ complete prebuilt page templates — import and customize in minutes</li>
<li>Carousel and slider container — no third-party slider plugins required</li>
</ul>
<p><strong>Editor & Layout Power</strong></p>
<ul>
<li>Multi-level nested columns with CSS Flexbox support</li>
<li>Dual editing modes: On-Click Popup and Side Panel</li>
<li>Device simulation with full responsive controls</li>
<li>Per-element device visibility controls</li>
<li>Content hover animations</li>
<li>Custom CSS per element</li>
<li>Revision history with undo/redo</li>
<li>Parallax and scroll effects</li>
</ul>
<p><strong>Site-Wide Design Tools</strong></p>
<ul>
<li>Header and Footer Builder — custom, site-wide navigation and footers</li>
<li>Popup Builder — build modal windows and overlays</li>
<li>Synced (Global) Blocks — edit once, update everywhere across your site</li>
<li>Custom Blocks and Custom Page Templates — save and reuse designs across projects</li>
<li>Post and taxonomy archive templates</li>
<li>Template parts and conditional theme management</li>
</ul>
<p><strong>Global Design System</strong></p>
<ul>
<li>Global color, Font Library, and Icon presets</li>
<li>Bullet and Navigation style presets</li>
<li>Variable Manager — design tokens for spacing, typography, radius, and shadows, with Fixed and Fluid modes (CSS <code>clamp()</code> output)</li>
<li>Variable Presets — save and instantly switch between complete design configurations</li>
</ul>
<p><strong>AI Tools</strong></p>
<ul>
<li><strong>AI Writing Assistant</strong> — generate, rewrite, or polish website copy directly inside the editor</li>
<li><strong>AI Image Generation</strong> — create custom visuals for any image element, gallery, or section background without leaving the canvas</li>
<li><strong>Stock Image Browser</strong> — insert Pexels photos directly into your layouts</li>
</ul>
<p><strong>Integrations</strong></p>
<ul>
<li>WooCommerce (shop, single product, cart, checkout layouts)</li>
<li>Contact Form Builder</li>
<li>Google Maps, Google Fonts, YouTube, Vimeo</li>
<li>PayPal button element</li>
<li>Privacy / password-protected content sections</li>
</ul>
<h4>Free vs Pro</h4>
<p>The <strong>free version is free, forever.</strong> No time limit, no credit card required. It includes the full drag-and-drop editor and 14 core elements — everything you need to explore PixeBuilder and start building.</p>
<p><strong>Upgrade to Pro</strong> to unlock the complete element library, prebuilt templates, AI tools, WooCommerce support, site-wide design tools, and multi-site licensing. Pro plans include a money-back guarantee.</p>
<p><a href="https://pixebuilder.com/pricing/?utm_source=wordpress.org&utm_medium=plugin-readme&utm_campaign=upgrade-to-pro&utm_content=free-vs-pro" rel="nofollow ugc">See plans and pricing at pixebuilder.com</a></p>
<h4>Useful Links</h4>
<ul>
<li><a href="https://pixebuilder.com/?utm_source=wordpress.org&utm_medium=plugin-readme&utm_content=useful-links" rel="nofollow ugc">PixeBuilder Website</a></li>
<li><a href="https://pixebuilder.com/features/" rel="nofollow ugc">Features Overview</a></li>
<li><a href="https://pixebuilder.com/prebuilt-blocks/" rel="nofollow ugc">Prebuilt Blocks Library</a></li>
<li><a href="https://pixebuilder.com/prebuilt-websites/" rel="nofollow ugc">Prebuilt Website Templates</a></li>
<li><a href="https://docs.pixebuilder.com/" rel="nofollow ugc">Documentation</a></li>
<li><a href="https://pixebuilder.com/pricing/?utm_source=wordpress.org&utm_medium=plugin-readme&utm_campaign=upgrade-to-pro&utm_content=useful-links" rel="nofollow ugc">Pricing</a></li>
<li><a href="https://pixebuilder.com/contact/" rel="nofollow ugc">Contact & Support</a></li>
</ul>
<h3>Third Party / External Services</h3>
<p>This plugin connects to external services to provide certain features.</p>
<p><strong>Vimeo</strong><br />
Used to embed Vimeo videos and retrieve video information.<br />
Data sent: Vimeo video URL.<br />
When: When a video element is used.<br />
Terms: https://vimeo.com/terms<br />
Privacy: https://vimeo.com/privacy</p>
<p><strong>YouTube</strong><br />
Used to embed YouTube videos.<br />
Data sent: YouTube video URL.<br />
When: When a video element is used.<br />
Terms: https://www.youtube.com/t/terms<br />
Privacy: https://policies.google.com/privacy</p>
<p><strong>Google Maps</strong><br />
Used to display maps.<br />
Data sent: Map location entered by the user.<br />
When: When a map element is used.<br />
Terms: https://cloud.google.com/maps-platform/terms<br />
Privacy: https://policies.google.com/privacy</p>
<p><strong>Google Fonts</strong><br />
Used to load fonts for page design.<br />
Data sent: Selected font family name.<br />
When: When a page uses Google Fonts.<br />
Terms: https://developers.google.com/fonts/faq<br />
Privacy: https://policies.google.com/privacy</p>
<p><strong>PayPal</strong><br />
Used to create a PayPal button.<br />
Data sent: Payment data required by PayPal.<br />
When: When a user clicks the PayPal button to initiate a payment.<br />
Terms: https://www.paypal.com/webapps/mpp/ua/useragreement-full<br />
Privacy: https://www.paypal.com/webapps/mpp/ua/privacy-full</p>
<p><strong>PixeBuilder API</strong><br />
Used to import prebuilt templates and AI tools.<br />
Data sent: Request parameters (template_id, text prompts, image generation prompts).<br />
When: When a user imports prebuilt content or uses AI features.<br />
Terms: https://pixebuilder.com/terms-and-conditions/<br />
Privacy: https://pixebuilder.com/privacy-policy/</p>
<p><strong>Pexels</strong><br />
Used to browse and insert free stock photos into your layouts.<br />
Data sent: Search query terms.<br />
When: When a user searches for stock images in the editor.<br />
Terms: https://www.pexels.com/terms-of-service/<br />
Privacy: https://www.pexels.com/privacy-policy/</p>
<h3>Third Party Libraries</h3>
<p>This plugin includes the following third-party libraries:</p>
<p><strong>Font Awesome</strong><br />
License: SIL Open Font License 1.1<br />
Source: https://fontawesome.com/</p>
<p><strong>Material Symbols</strong><br />
License: Apache License 2.0<br />
Source: https://fonts.google.com/icons</p>
<p><strong>DOMPurify</strong><br />
License: Apache License 2.0<br />
Source: https://github.com/cure53/DOMPurify</p>
<p><strong>html2canvas</strong><br />
License: MIT License<br />
Source: https://github.com/niklasvh/html2canvas</p>
<p><strong>GLightbox</strong><br />
License: MIT License<br />
Source: https://github.com/biati-digital/glightbox</p>


PixeBuilder – Drag & Drop Page Builder & Website Builder

The fast, lightweight drag-and-drop WordPress page builder. Design pages and full websites with a clean visual editor — no code, no bloat.

Greg - SiteOrigin

alexgso

Braam Genis

<p>SiteOrigin Page Builder is a powerful content creation interface, instantly recognizable, astonishingly different. SiteOrigin Page Builder makes it easy to create responsive column-based content using the widgets you know and love. Your content will accurately adapt to all mobile devices, ensuring your site is mobile-ready. Read more on <a href="https://siteorigin.com/page-builder/" rel="nofollow ugc">SiteOrigin</a>.</p>
<p>We’ve created an intuitive interface that looks just like WordPress itself. It’s easy to learn, so you’ll be building beautiful, responsive content in no time.</p>
<div class="embed-vimeo" style="text-align: center;"><iframe loading="lazy" src="https://player.vimeo.com/video/114529361" width="750" height="422" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
<p>Page Builder works with standard WordPress widgets, so you’ll always find the widget you need. We’ve created the <a href="https://wordpress.org/plugins/so-widgets-bundle/" rel="ugc">SiteOrigin Widgets Bundle</a> to give you all the most common widgets, and with a world of plugins out there, you’ll always find the widget you need.</p>
<h4>Ready to Be Used Anywhere</h4>
<p>Choose your editor; Page Builder is ready to be used anywhere. Build in the traditional Page Builder interface or insert a Page Builder Layout into the Block Editor. Insert the SiteOrigin Layout Widget into sidebar and footer widget areas or use the SiteOrigin Layout Block in block-based widget areas.</p>
<h4>It Works With Your Theme</h4>
<p>Page Builder gives you complete freedom to choose any WordPress theme you like. It’s not a commitment to a single theme or theme developer. The advantage is that you’re free to change themes as often as you like. Your content will always come along with you.</p>
<p>We’ve also made some fantastic <a href="https://siteorigin.com/theme/" rel="nofollow ugc">free themes</a> that work well with Page Builder.</p>
<h4>No Coding Required</h4>
<p>Page Builder’s simple drag and drop interface means you’ll never need to write a single line of code. Page Builder generates all the highly efficient code for you.</p>
<h4>Live Editing</h4>
<p>Page Builder supports live editing. This tool lets you see your content and edit widgets in real time. It’s the fastest way to adjust your content quickly and easily.</p>
<h4>History Browser</h4>
<p>This tool lets you roll forward and back through your changes. It gives you the freedom to experiment with different layouts and content without the fear of breaking your content.</p>
<h4>Row, Cell, and Widget Styles</h4>
<p>Row, cell, and widget styles give you all the control you need to make your content uniquely your own. Change attributes like paddings, background colors, and column spacing. You can also enter custom CSS and CSS classes if you need even finer-grained control.</p>
<h4>Focussed on Performance</h4>
<p>We’ve built a lightweight framework, focusing on small page sizes and fast load time. Page Builder is compatible with <a href="https://wordpress.org/plugins/autoptimize/" rel="ugc">Autoptimize</a> and all other major performance plugins.</p>
<h4>SEO Optimized</h4>
<p>Page Builder uses modern SEO best practices and seamlessly integrates with all major SEO plugins, including Yoast SEO and Rank Math.</p>
<h4>It’s Free, and Always Will Be</h4>
<p>Page Builder is our commitment to the democratization of content creation. Like WordPress, Page Builder is, and always will be, free. We’ll continue supporting and developing it for many years to come. It’ll only get better from here.</p>
<h4>Accessibility Ready</h4>
<p>Page Builder is accessibility-ready. Tab through all form fields and settings, and make changes without a mouse.</p>
<h4>Actively Developed</h4>
<p>SiteOrigin has been creating magical tools for your WordPress website since 2011. Page Builder is actively developed with new features and exciting enhancements every month. Keep track on the <a href="https://github.com/siteorigin/siteorigin-panels" rel="nofollow ugc">Page Builder GitHub repository</a>.</p>
<p>Read the <a href="https://siteorigin.com/docs/page-builder/" rel="nofollow ugc">Page Builder developer docs</a> if you’d like to develop for Page Builder.</p>
<h3>Documentation</h3>
<p><a href="https://siteorigin.com/page-builder/documentation/" rel="nofollow ugc">Documentation</a> is available on SiteOrigin.</p>
<h3>Support</h3>
<p>Free support is available on the <a href="https://siteorigin.com/thread/" rel="nofollow ugc">SiteOrigin support forums</a>.</p>
<h3>SiteOrigin Premium</h3>
<p><a href="https://siteorigin.com/downloads/premium/" rel="nofollow ugc">SiteOrigin Premium</a> enhances Page Builder by SiteOrigin, the SiteOrigin Widgets Bundle, and all SiteOrigin themes with a vast array of additional features and settings. Take your layouts to the next level with SiteOrigin Premium Addons.</p>
<p>SiteOrigin Premium includes access to our professional email support service, perfect for those times when you need fast and effective technical support. We’re standing by to assist you in any way we can.</p>


Page Builder by SiteOrigin


Despite using the block editor on any (new) website, I'm still using SiteOrigin's on 3 customers pages (since 8+ years) …



The developers have done a very good job in developing a clean, easily usable and esp. non-techy-user-friendly editor. Like others (i.e. Elementor), this editor is not bloated, just works (never had any problems) and has a very good feature set.


"Legacy", but very good

Build responsive page layouts using the widgets you know and love using this simple drag and drop page builder.

PixeBuilder – Drag & Drop Page Builder & Website Builder vs Page Builder by SiteOrigin