=== PixeBuilder ===
Contributors: pixebuilder
Tags: page builder, drag and drop, website builder, blocks, visual editor
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.4
Stable tag: 1.0.1
License: GPLv3
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html

The fast, lightweight WordPress page builder with dual editing modes, AI tools, 400+ blocks, and 80+ prebuilt pages. Built for agencies.

== Description ==

https://www.youtube.com/watch?v=9CafcfKnTWY

**PixeBuilder** is a modern, performance-first WordPress page builder built for agencies, freelancers, and developers who build sites every day.

Start free with the core drag-and-drop editor. [Upgrade to Pro](https://pixebuilder.com/pricing/?utm_source=wordpress.org&utm_medium=plugin-readme&utm_campaign=upgrade-to-pro&utm_content=description-cta) 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.

Built by an experienced WordPress team with 14+ years of professional theme and plugin development.

= Why Agencies and Freelancers Choose PixeBuilder =

**Superior Interface, Faster Workflow**
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.

**Dual Editing Modes — Work Your Way**
Switch between **On-Click Popup** mode for instant inline editing and the classic **Side Panel** mode for full settings access — whichever fits the task in front of you.

**Performance by Default — Clean HTML Output**
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.

**A Design System That Scales**
Manage global Colors, Fonts, and Icons from one place. The built-in **Variable Manager** lets you define spacing, typography, radius, and shadow tokens with **Fixed or Fluid modes** — including CSS `clamp()` output for fluid responsive scaling across any viewport range. **Variable Presets** (Pro) let you save and switch between full design configurations in seconds.

**Built for Real-World Projects**
From query-driven post archives to full WooCommerce stores, PixeBuilder has dedicated elements and templates for the exact layouts professional builders need.

= What's Included in the Free Version =

The free PixeBuilder plugin gives you a complete, working page builder — not a locked demo.

* Core drag-and-drop visual editor
* 14 page builder elements
* Responsive design controls
* Lightweight, clean HTML output — no bloat
* Regular plugin updates
* Access to documentation and the community

= What Pro Unlocks =

Upgrade to a Pro plan to unlock the complete toolkit for professional and agency work.

**Full Element Library (90+ elements)**

* 41 standard elements for flexible content layouts
* 9 composite elements for advanced, pre-combined content sections
* 18 query elements for dynamic post, taxonomy, and archive displays
* 14 WooCommerce elements for shop, cart, and checkout pages
* 15 single WooCommerce elements for individual product page design

**Prebuilt Templates & Assets**

* 400+ premium prebuilt blocks — ready to drop into any page
* 80+ complete prebuilt page templates — import and customize in minutes
* Carousel and slider container — no third-party slider plugins required

**Editor & Layout Power**

* Multi-level nested columns with CSS Flexbox support
* Dual editing modes: On-Click Popup and Side Panel
* Device simulation with full responsive controls
* Per-element device visibility controls
* Content hover animations
* Custom CSS per element
* Revision history with undo/redo
* Parallax and scroll effects

**Site-Wide Design Tools**

* Header and Footer Builder — custom, site-wide navigation and footers
* Popup Builder — build modal windows and overlays
* Synced (Global) Blocks — edit once, update everywhere across your site
* Custom Blocks and Custom Page Templates — save and reuse designs across projects
* Post and taxonomy archive templates
* Template parts and conditional theme management

**Global Design System**

* Global color, Font Library, and Icon presets
* Bullet and Navigation style presets
* Variable Manager — design tokens for spacing, typography, radius, and shadows, with Fixed and Fluid modes (CSS `clamp()` output)
* Variable Presets — save and instantly switch between complete design configurations

**AI Tools**

* **AI Writing Assistant** — generate, rewrite, or polish website copy directly inside the editor
* **AI Image Generation** — create custom visuals for any image element, gallery, or section background without leaving the canvas
* **Stock Image Browser** — insert Pexels photos directly into your layouts

**Integrations**

* WooCommerce (shop, single product, cart, checkout layouts)
* Contact Form Builder
* Google Maps, Google Fonts, YouTube, Vimeo
* PayPal button element
* Privacy / password-protected content sections

= Free vs Pro =

The **free version is free, forever.** 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.

**Upgrade to Pro** 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.

[See plans and pricing at pixebuilder.com](https://pixebuilder.com/pricing/?utm_source=wordpress.org&utm_medium=plugin-readme&utm_campaign=upgrade-to-pro&utm_content=free-vs-pro)

= Useful Links =

* [PixeBuilder Website](https://pixebuilder.com/?utm_source=wordpress.org&utm_medium=plugin-readme&utm_content=useful-links)
* [Features Overview](https://pixebuilder.com/features/)
* [Prebuilt Blocks Library](https://pixebuilder.com/prebuilt-blocks/)
* [Prebuilt Website Templates](https://pixebuilder.com/prebuilt-websites/)
* [Documentation](https://docs.pixebuilder.com/)
* [Pricing](https://pixebuilder.com/pricing/?utm_source=wordpress.org&utm_medium=plugin-readme&utm_campaign=upgrade-to-pro&utm_content=useful-links)
* [Contact & Support](https://pixebuilder.com/contact/)

== Installation ==

**From the WordPress Plugin Directory (Recommended)**

1. In your WordPress dashboard, go to **Plugins > Add New**.
2. Search for **PixeBuilder**.
3. Click **Install Now**, then **Activate**.
4. Open any page or post and click **Edit with PixeBuilder** to start building.

**Manual Installation**

1. Download the plugin zip file from WordPress.org.
2. In your dashboard, go to **Plugins > Add New > Upload Plugin**.
3. Upload the zip file and click **Install Now**.
4. Activate the plugin through the **Plugins** screen.

**After Activation**

* Go to **PixeBuilder > Settings** to configure global options.
* Visit the **Templates** library to browse prebuilt blocks and pages (Pro).
* Connect your PixeBuilder Pro license at [account.pixebuilder.com](https://account.pixebuilder.com/) to activate Pro features.

== Frequently Asked Questions ==

= Is PixeBuilder really free? =

Yes. The free version is free forever — no trial period, no expiration, no credit card required. It includes the core drag-and-drop editor and 14 elements with no limitations on how long you can use it.

= What is the difference between the free and Pro versions? =

The free version gives you the core builder and 14 elements. Pro unlocks the full element library (90+ elements across standard, composite, query, and WooCommerce categories), 400+ prebuilt blocks, 80+ full prebuilt pages, AI Writing and Image Generation, the Header & Footer Builder, Popup Builder, Synced Blocks, WooCommerce layouts, Variable Presets, and priority support. See the full comparison at [pixebuilder.com/pricing/](https://pixebuilder.com/pricing/?utm_source=wordpress.org&utm_medium=plugin-readme&utm_campaign=upgrade-to-pro&utm_content=faq-difference).

= Does PixeBuilder work with my theme? =

Yes. PixeBuilder works with any properly coded WordPress theme. Pro also includes a Header and Footer Builder, so you have complete design control independent of your theme.

= Does PixeBuilder work with WooCommerce? =

Yes. Pro plans include 14 WooCommerce elements for shop and archive pages plus 15 single product elements for individual product page design — giving you full control over your store's appearance.

= Will PixeBuilder slow down my website? =

No. PixeBuilder uses a smart resource manager that only loads the CSS and JavaScript files that a given page actually uses. Pages built with PixeBuilder output clean, semantic HTML with no unnecessary scripts or styles.

= Can I use PixeBuilder on multiple websites? =

Yes. Pro plans are available with single-site and multi-site licensing, including options for agencies managing many client websites. See the available plans at [pixebuilder.com/pricing/](https://pixebuilder.com/pricing/?utm_source=wordpress.org&utm_medium=plugin-readme&utm_campaign=upgrade-to-pro&utm_content=faq-multisite).

= Is there a money-back guarantee? =

Yes. Pro plans include a 30-day money-back guarantee. See [pixebuilder.com/pricing/](https://pixebuilder.com/pricing/?utm_source=wordpress.org&utm_medium=plugin-readme&utm_campaign=upgrade-to-pro&utm_content=faq-guarantee) for full terms.

= Can I save and reuse my designs? =

Yes. **Synced (Global) Blocks** let you save any section as a reusable block that updates everywhere on your site when edited. You can also save designs as **Custom Blocks** or **Custom Page Templates** to reuse across different projects.

= What are the dual editing modes? =

PixeBuilder offers two ways to edit elements on your canvas. **On-Click Popup** mode shows a compact settings popup directly over the element you click — ideal for quick adjustments. **Side Panel** mode shows the full settings panel in a classic sidebar — ideal for detailed configuration. You can switch between both at any time.

= What is the Variable Manager? =

The Variable Manager is PixeBuilder's design token system. It lets you define reusable values for spacing, typography, color, border radius, and shadows. Spacing variables support **Fixed or Fluid modes** — fluid mode generates CSS `clamp()` values that automatically scale between a minimum and maximum viewport width, giving you responsive design control without writing CSS.

= Does it support AI tools? =

Yes, in Pro. The **AI Writing Assistant** lets you generate, rewrite, or polish website copy directly inside the editor. The **AI Image Generation** tool creates custom visuals for any image element, gallery, or section background. Both tools work natively within the builder — no external tabs or copy-pasting required.

= Does it support custom CSS? =

Yes. You can add custom CSS to any individual element directly within the editor settings.

= Is PixeBuilder compatible with the latest version of WordPress? =

Yes. PixeBuilder is tested and compatible with the latest stable version of WordPress.

= Where can I get support? =

Documentation is available at [docs.pixebuilder.com](https://docs.pixebuilder.com/). For support, visit [pixebuilder.com/contact/](https://pixebuilder.com/contact/). Pro plan users receive priority expert support.

== Screenshots ==

1. The PixeBuilder editor with the Side Panel open — editing a heading with the AI Writing Assistant and live Typography Presets.
2. Container background controls with AI Image Generator and the built-in Stock Image browser.
3. The prebuilt template library — import full website designs, blocks, custom blocks, and pages in one click.
4. Font Library — add and manage Google Fonts or upload custom fonts without leaving the editor.
5. Typography Presets — define reusable Primary, Secondary, and heading styles across your whole site.

== Changelog ==

= 1.0.1 =
* Bug fixes

= 1.0.0 =
* Initial release

== Upgrade Notice ==

= 1.0.0 =
Initial release of PixeBuilder.

== Third Party / External Services ==

This plugin connects to external services to provide certain features.

**Vimeo**
Used to embed Vimeo videos and retrieve video information.
Data sent: Vimeo video URL.
When: When a video element is used.
Terms: https://vimeo.com/terms
Privacy: https://vimeo.com/privacy

**YouTube**
Used to embed YouTube videos.
Data sent: YouTube video URL.
When: When a video element is used.
Terms: https://www.youtube.com/t/terms
Privacy: https://policies.google.com/privacy

**Google Maps**
Used to display maps.
Data sent: Map location entered by the user.
When: When a map element is used.
Terms: https://cloud.google.com/maps-platform/terms
Privacy: https://policies.google.com/privacy

**Google Fonts**
Used to load fonts for page design.
Data sent: Selected font family name.
When: When a page uses Google Fonts.
Terms: https://developers.google.com/fonts/faq
Privacy: https://policies.google.com/privacy

**PayPal**
Used to create a PayPal button.
Data sent: Payment data required by PayPal.
When: When a user clicks the PayPal button to initiate a payment.
Terms: https://www.paypal.com/webapps/mpp/ua/useragreement-full
Privacy: https://www.paypal.com/webapps/mpp/ua/privacy-full

**PixeBuilder API**
Used to import prebuilt templates and AI tools.
Data sent: Request parameters (template_id, text prompts, image generation prompts).
When: When a user imports prebuilt content or uses AI features.
Terms: https://pixebuilder.com/terms-and-conditions/
Privacy: https://pixebuilder.com/privacy-policy/

**Pexels**
Used to browse and insert free stock photos into your layouts.
Data sent: Search query terms.
When: When a user searches for stock images in the editor.
Terms: https://www.pexels.com/terms-of-service/
Privacy: https://www.pexels.com/privacy-policy/

== Third Party Libraries ==

This plugin includes the following third-party libraries:

**Font Awesome**
License: SIL Open Font License 1.1
Source: https://fontawesome.com/

**Material Symbols**
License: Apache License 2.0
Source: https://fonts.google.com/icons

**DOMPurify**
License: Apache License 2.0
Source: https://github.com/cure53/DOMPurify

**html2canvas**
License: MIT License
Source: https://github.com/niklasvh/html2canvas

**GLightbox**
License: MIT License
Source: https://github.com/biati-digital/glightbox
