MKS Web Design
MKS Web Design - Kansas Web Design
MENU  

From OxyMade to BricksMade: The Evolution of WordPress Design Systems

Written by Anthony Richter
Posted on January 26, 2026

Quick Summary (TL;DR)

OxyMade established a scalable, utility-driven design system for Oxygen Builder. BricksMade brings that same structured, component-based philosophy to Bricks Builder—making it easier to build faster, stay consistent, and transition from Oxygen without rebuilding your entire workflow.

Full article

The Evolution of Design Systems for Modern WordPress Builders – OxyMade and BricksMade

The WordPress builder ecosystem has shifted a lot over the past few years. As more developers move away from Oxygen Builder and toward Bricks Builder, one thing has become very clear: speed and structure matter more than ever. Design systems aren’t a “nice to have” anymore — they’re the backbone of scalable, repeatable client work.

If you built sites with Oxygen, chances are you relied heavily on OxyMade. And if you’re now building with Bricks, you’ve probably been searching for that same level of structure. That’s where BricksMade enters the picture.

What OxyMade Solved for Oxygen Builder

OxyMade became popular for one main reason: it made Oxygen Builder practical at scale. Instead of rebuilding spacing systems, button styles, typography rules, and layouts on every project, OxyMade introduced a predictable, utility-driven design system that actually stuck.

Built specifically for Oxygen Builder, OxyMade combined three important ideas:

  • Utility-first CSS classes inspired by Tailwind
  • A variable-driven color and typography system
  • A massive library of pre-built, consistent components

The result was faster builds, less second-guessing, and way fewer “why does this section feel off?” moments. You could move quickly without your designs drifting over time. Honestly, once you used it, going back felt rough.

Why Bricks Builder Changed the Conversation

While Oxygen slowed down development-wise, Bricks Builder continued to evolve. Bricks introduced a faster editor, cleaner architecture, native components, better conditional logic, and a workflow that feels closer to modern frontend development.

But early on, one thing was missing: a true OxyMade-style design system that felt native to Bricks.

Yes, you could wire together your own setup with utility frameworks, global classes, and templates — but that takes time. And time is the thing agencies and freelancers have the least of.

Enter BricksMade: OxyMade-Style Thinking, Built for Bricks

BricksMade is essentially the answer many former Oxygen users were waiting for. It brings the same philosophy that made OxyMade successful — structured layouts, reusable blocks, and consistent styling — but rebuilds it specifically for Bricks Builder.

Instead of forcing Bricks into an Oxygen-shaped workflow, BricksMade leans into how Bricks actually works.

  • Pre-designed blocks that drop straight into Bricks
  • Complete site templates for real-world industries
  • Framework flexibility (ACSS, Core Framework, ATF, or vanilla CSS)
  • Clean class structures that play nicely with Bricks components

This matters more than it sounds. Because Bricks already has a powerful components system, BricksMade blocks can be converted into reusable components, edited once, and updated everywhere. That’s huge for long-term maintenance.

OxyMade vs BricksMade (High-Level Comparison)

At a high level, here’s how the two systems line up:

  • OxyMade: Oxygen-only, utility-first, massive block library, tightly coupled to Oxygen’s class system
  • BricksMade: Bricks-native, framework-agnostic, component-friendly, optimized for modern Bricks workflows

The goal is the same in both cases: build faster, stay consistent, and stop reinventing the wheel on every project. The execution is just tailored to the builder.

Why Design Systems Matter More Now Than Ever

Design systems aren’t just about speed — they’re about mental load. When spacing, typography, and layout decisions are already solved, you can focus on content, UX, and conversion instead of fiddling with pixels.

For client work especially, this is where profit is won or lost. Faster builds mean better margins. Consistency means fewer revisions. And reusable systems mean future changes don’t turn into disasters.

This is exactly why tools like OxyMade thrived — and why BricksMade is gaining attention now.

My Take as a Bricks-Focused Developer

From my perspective at MKS Web Design, BricksMade feels like the natural continuation of what OxyMade started. It doesn’t try to overcomplicate things. It respects how Bricks works, and it gives you a strong starting point without locking you into a single opinionated system.

If you’re coming from Oxygen, BricksMade will feel familiar — but cleaner. If you’re already deep into Bricks, it’s a solid way to standardize builds without slowing yourself down.

No system is magic, but having one is almost always better than pretending you don’t need it.


So… Final Thoughts from MKS Web Design

OxyMade proved that structured design systems could dramatically improve WordPress workflows. BricksMade takes that same idea and applies it to a builder that’s actively evolving and pushing forward. If you care about speed, consistency, and scalability — especially for client sites — this is a space worth paying attention to!

FREE WEB DESIGN ESTIMATE
menuchevron-down linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram