Beaver Builder AI: Build WordPress Layouts with AI (Now in Alpha)

Hey everyone! Big news. After a long time of building behind the scenes, Beaver Builder AI is here. The alpha version is free to test for every Beaver Builder customer. We’re excited to finally put this in your hands.

TL;DR: Beaver Builder AI is a new WordPress plugin that generates editable layouts on a reusable design system. It works inside Beaver Builder and can connect to your favorite AI tools. We’d love for you to try it on a test site and send us your feedback.

You must be running the beta version of Beaver Builder (2.11) and the Beaver Builder AI plugin. Both downloads are available now on your My Account page.

If you haven’t seen it already, we highly recommend you watch the overview video below for a quick walk-through so you can see all the features in action and learn how to best use Beaver Builder AI in your workflow.

Why We Built It

The question we kept seeing on social media: should I use AI to build websites, or use my reliable page builder?

People felt like they had to make a tough choice. Stay on WordPress and miss out on AI, or jump to an AI builder and walk away from the ecosystem they’d built their business on.

We created Beaver Builder AI so you don’t have to choose. You get the best of both worlds: AI inside WordPress, with the page builder you already know and trust. All in one ecosystem, no need to leave the tools you’ve built your business on.

What Beaver Builder AI Does

You’re probably wondering what Beaver Builder AI can actually do. Let’s walk through the seven main features.

1. Chat Box

If you’ve used AI tools before, you already know how this works. Type what you want, the AI generates it. Beaver Builder AI’s chat panel does the same thing, except for web pages inside WordPress.

Click the chat icon in the top right of the Beaver Builder editor, describe what you want, and the AI generates the layout, design, and content. A complete web page from a single prompt.

For a live example, check out create.beaverbuilder.ai. We had some fun with this one and got creative. The entire site was built with Beaver Builder AI, including the pop-up galleries, opt-in forms, scrolling marquee, card motions, and UI animations.

2. Design System

Think of a design system like a brand style guide. The kind of thing a client hands you at the start of a project that describes their colors, fonts, spacing, and creative direction.

When you give Beaver Builder AI a prompt, it doesn’t just generate a single page. It creates colors, typography, spacing, and base styles as a reusable design system. Every page it builds after that uses the same foundation, so page five feels like it belongs with page one.

3. Block Editing

One of the unique benefits of Beaver Builder AI is that AI-generated blocks are fully editable. You’re not stuck with whatever the AI hands you on the first try.

Click on any section to expand its editing options. You can adjust fonts, resize columns, drag-and-drop text, add padding, swap heading tags between H1 and H6, and edit images and links inline. When you need to go deeper, you have full access to the HTML, CSS, and JavaScript code.

4. Targeted Edits

One of the great things about Beaver Builder AI is that you can edit a specific AI section. Simply target a block by clicking the area you want changed, tell the AI in chat what to update, and only that section changes. The rest of the page stays exactly the same.

That gives you the confidence to make changes, knowing the AI won’t rework the parts you didn’t ask it to.

5. Hybrid Building

Are you worried that you can’t use the page builder anymore? The good news is you don’t have to pick between Beaver Builder AI and Beaver Builder native modules. You can use both side-by-side on the same page.

For example, create a hero section with AI and use Beaver Builder rows and modules for the next section. Mix and match however it fits your workflow.

6. Custom Modules

Have you ever wished Beaver Builder had a certain module that we don’t offer natively? A timeline, a pricing calculator, an animated headline, etc? Now you can create them yourself with AI.

Simply drop a box module into your page, target it, and prompt the AI on what you would like it to generate for you. The AI builds the component inside that box, and then you can drag it wherever you want on the page.

This unlocks more flexibility for what you can build inside Beaver Builder, even when there isn’t a native module for it.

7. Custom Forms

Did you know you can create custom forms with Beaver Builder AI? For example, multi-step forms, opt-in forms, questionnaires, surveys, contact forms, quizzes, etc. Describe what you need and the AI builds it.

Forms can send submissions to your email or another destination you set up, and redirect to a specific page after submission.

For example, the demo tester feedback form was built with Beaver Builder AI. Essentially, we used the same product to ship the product.

Three Ways to Build

We didn’t want to lock you into one workflow, so Beaver Builder AI comes with three ways to build pages.

Chat Inside Beaver Builder

The chat panel is the fastest way to get a page from idea to draft, without leaving the builder. Currently, the chat panel runs on Anthropic’s Claude model. We plan to offer the option to use other LLMs in the future.

You can connect to Claude by using your own API key. That way you to only pay for what you use.

Prompts and content go directly from your site to Anthropic, not through Beaver Builder servers. Your key is stored encrypted in your site’s database. This gives you peace of mind for privacy and security.

MCP Connection

Think of MCP like a connector. It lets your favorite AI tool (like Claude) talk directly to your WordPress site.

So when you type a request in LLM chat box, it sends that request to your WordPress site through the connector. Want to generate a page? Edit a block? Update your design system? You can do it all from your LLM, without ever opening WordPress.

Edits go to a staging draft first, so nothing publishes without your review. One-click authorization for licensed users.

Claude is what we’ve tested against most heavily. The connector also works with Codex, Cursor, and other MCP-compatible tools.

Design Kits

Think of a design kit like a moving box. You’re moving from one AI platform to another (your WordPress site). You pack everything into the box, drop it on the other side, and unpack.

Here’s how it works. Use any AI coding tool to build out a design (pages, header, footer, design system). Package it up as a design kit. Drop it into your WordPress site and unpack.

Now everything is live in Beaver Builder, fully editable. Use whatever AI you want. No lock-in.

What’s Still Very Early

This is an alpha version. We’re putting it in your hands first because we want real-world feedback from agencies, freelancers, and the rest of our community. Tell us what’s working, what’s broken, and which use cases you find. Every piece of feedback shapes what we ship next.

Roadmap

Here’s what’s coming next:

In Progress: Images. Screenshot upload, image upload, and media library support. Images can guide what the AI builds or live inside the layout as real content.

Ongoing: Editing & Styling. Bringing AI layouts and Beaver Builder modules closer together. Drop modules into an AI block. Save elements as reusable components. Mix and match without thinking about which is which.

Future: Dynamic Data. Connecting AI-built layouts to live WordPress data. Post loops, custom fields, and dynamic content you can edit visually.

How to Get It

Ready to try it? Beaver Builder AI is in the Pre-Release Testing Downloads section of your account, alongside the Beaver Builder 2.11 beta you’ll need to run it.

Here’s the order:

1. Sign in to your Beaver Builder account and head to the My Account page.

2. Scroll to Pre-Release Testing Downloads and read the pre-release documentation linked at the top of that section.

3. Download Beaver Builder 2.11-beta and Beaver Builder AI (1.0.0-alpha).

4. Install Beaver Builder 2.11-beta first, then install Beaver Builder AI alpha.

5. Once installed, look for Beaver Builder AI in your WordPress sidebar. There’s a welcome section with video tutorials walking you through chat setup, MCP, design kits, and the rest.

Please Provide Feedback

We’d love your feedback. If you come across anything, good or bad, please share it via the feedback form. Every bug report, feature request, and “this confused me” note goes straight to the team.

Thank you all who initially tested BB AI on the demo site. The feedback was incredibly helpful and we were able to implement a lot of your suggestions which has made the product even better.

Frequently Asked Questions

We’ve been collecting questions from our community. Here are the most common ones.

Wrapping Up

Beaver Builder shipped in 2014 because this community helped us figure out what a stable page builder should feel like. We’re at the same moment with Beaver Builder AI. The bones are in place. The hard work now is hammering on it together until it’s something every agency and freelancer can run on every project.

Visit your My Account page to download it. Build a page. Push it. Tell us what worked, what didn’t, and what would make you use it on every project.

We’re excited to see what you build.