Learn
Bricks Builder, explained honestly.
Plain-English guides written by the developer behind Bricksfusion. Real tests with real results, dated and updated when Bricks changes. No fluff and no recycled AI copy. If we haven't verified something, we say so.
AI & MCP
What AI can actually do in Bricks Builder today: MCP, abilities, prompting, and honest hands-on tests.
What Is MCP? A Plain-English Guide for WordPress Users
MCP lets AI assistants like Claude work directly on your WordPress site. What it is, what it can do in Bricks Builder, and what to watch out for.
We Tested the Native AI in Bricks 2.4: What It Does Well, Where It Falls Short
We connected Claude to the new Bricks 2.4 MCP and generated a real hero section. Here is the actual JSON it produced, the good parts and the problems.
Bricks 2.4 AI, Explained for Non-Developers
Bricks 2.4 added around 145 AI "abilities" and MCP support. What that actually means, what you can do with it, and whether you need to care yet.
Bricksfusion Studio vs the Native Bricks MCP: An Honest Comparison
We build one of these products, so read this critically. Where the free native MCP in Bricks 2.4 is better, and where a dedicated tool earns its price.
How to Connect Claude to Bricks Builder (Two Ways, Step by Step)
Both ways to let Claude edit your Bricks site: the native Bricks 2.4 MCP and the Bricksfusion MCP, with the setup problems nobody warns you about.
What Does AI Web Design Actually Cost? BYOK Explained Simply
BYOK means "bring your own key": you pay the AI provider directly instead of a middleman markup. How it works, what affects the cost, and how to keep it low.
Can AI Build a Whole Page in Bricks? An Honest Look at Page Composer
Describing a whole page and getting it built sounds like magic. What full-page AI generation does well in Bricks, where it needs you, how to get results.
AI Keeps Hardcoding Colors: How to Keep Your Design System Intact
AI generates sections with raw hex values instead of your variables. Why it happens, the three habits that stop it, and how to repair what you have.
WordPress Has AI in Core Now. Why Can’t You See It?
WordPress 6.9 and 7.0 put AI plumbing into core and no AI features. What the Abilities API and AI Client are, and why your dashboard looks unchanged.
Animations
Adding motion to Bricks sites without breaking them: interactions, scroll effects, transitions, and performance.
Animated Backgrounds Without Killing Performance
A background runs all the time, covers the screen, and sits behind the content Google times. How to pick one, how many a page can carry, what each costs.
GSAP vs CSS for WordPress Animations: Which Do You Actually Need?
CSS is free, light and underrated. GSAP is the pro tool for choreographed motion, now free too. An even-handed way to choose, with the Bricks options.
Animations in Bricks Builder: The Complete Guide
Every way to animate a Bricks site (native interactions, CSS, GSAP, and animation libraries) with honest advice on when each one is the right choice.
How to Add Scroll Animations in Bricks Builder (3 Ways, No Code Required)
Fade-ins, reveals, and scroll effects in Bricks: native interactions, CSS, or an animation library. Step-by-step, written for non-developers.
Page Transitions in Bricks Builder: What They Are and How to Add Them
That smooth animated change between pages you see on premium sites. What page transitions are, why so few WordPress sites have them, how to add them.
Why Is One Animation Free and Another One Heavy? We Measured Every One
We measured every effect in our own library in a real browser. What predicts the cost is what an animation redraws, not its settings list or its file size.
Where Motion Is Cheap: The Animation Families That Barely Cost Anything
Seven of our nine animation families measured under a tenth of the main thread. Where you can add motion freely, and where to spend the one expensive effect.
Accessible Animations in WordPress: Why prefers-reduced-motion Is Not Enough
The rule that applies to an animated background is Level A and asks for a control on the page, not a device setting. We measured our own library against it.
Will Animations Slow Down Your WordPress Site? A Beginner’s Guide
Animations get blamed for slow sites, but the real story is more specific. Which effects are cheap, which are expensive, and the settings that keep you fast.
Design Systems
Variables, tokens, classes, and CSS frameworks: the boring decisions that make sites easy to maintain.
Do You Need a CSS Framework with Bricks? ACSS, Core Framework, AT & Native Tokens in Plain English
What a CSS framework actually does for a Bricks site, how the popular options differ, and an honest way to decide if you need one at all.
Design Tokens in Bricks, Explained Like You’re New
Colors and spacing that update everywhere at once. What design tokens and variables are, why they beat hardcoded values, and how Bricks supports them natively.
Global Classes vs ID Styles in Bricks: What Beginners Should Know
The single habit that separates maintainable Bricks sites from messy ones. When to style the ID, when to use a global class, and how to name things.
Spacing Scales: Why Your Site Feels Off
Random spacing is why a site feels amateur before anyone can say why. What a spacing scale is, how to pick one, and how to set it up with Bricks variables.
How Many Colors Does a Website Need?
Fewer than you think, and mostly grey. The five color roles a site needs, why the neutrals matter more than the brand color, and the contrast number to check.
Type Scales: How Many Font Sizes Should a Site Have?
Sites look amateur with fifteen font sizes chosen in the moment. How to build a scale from one ratio, how many steps you need, and how to set it in Bricks.
A Minimal Design System Checklist for Client Sites
The smallest design system a client site actually needs: color roles, a type scale, a spacing menu, global classes, and a one-page handover doc.
Bricks Basics
Plain-English foundations for people who are new to Bricks Builder.
The Bricks Builder Glossary: 45+ Terms in Plain English
Elements, query loops, nestables, components, theme styles, MCP: every confusing Bricks Builder term defined in one or two plain sentences.
The Scripts You Did Not Write Are Slowing Your Site
The heavy ones are the chat widget, the video embed and the map, not analytics. How to find them in two minutes and load them only when someone asks.
Web Fonts: How Many You Need, and Where to Host Them
One family, three or four weights, self-hosted. What each weight costs, why text goes invisible while fonts load, and the ruling that settled self-hosting.
What Size Should Images Be on a Website?
Twice the display width, capped near 2560. The export width for every common slot, which format to use, how hard to compress, and what WordPress already does.
A Bricks Page Speed Checklist That Isn’t Snake Oil
A practical speed checklist for Bricks sites: what to measure, the fixes that actually move Core Web Vitals, and the popular advice you can safely skip.
Do You Need to Know CSS to Use Bricks Builder?
You will not write CSS in Bricks, but the panel is a control surface over how CSS works. The five ideas that unblock beginners, and the parts you can skip.
Is Bricks Builder Good for Beginners? An Honest Answer
Bricks is powerful and fast, but it thinks like a developer. Who it suits, who will struggle, and how to shorten the learning curve if you commit.
Pro Lifetime
Learn it once. Then skip the busywork.
Bricksfusion gives you 370+ wireframes, 141 native animations, and an AI studio that generates sections inside Bricks Builder. One purchase, unlimited websites.