UCM Studio is a complete WordPress app platform — utility-first CSS, no-code form builder, visual automation flows, email 2FA login, custom databases with auto REST APIs, slot-based WooCommerce styling, and HTTP security headers. All from the admin. No build step.
Everything you need to build with WordPress
Utility-first CSS toolkit + a complete app-building platform — all inside WordPress, all from the admin.
1,719+ Utility Classes
Spacing, typography, flex, grid, borders, shadows, transitions, animations, transforms, filters — everything you need, ready to use out of the box.
Live Editor Preview
Every class renders immediately in the Gutenberg canvas. What you see is what you get — no guessing.
Theme Color System
Custom Data Tables
Permission Rules (RLS)
Build AND/OR condition trees visually per role and operation. The server compiles them into safe parameterised SQL WHERE clauses — the client only ever sees authorised rows.
Typed User Fields
Define custom user metadata with six types (integer, string, boolean, number, array, object). Each field has a role-based “Visible to” picker — private fields are stripped server-side before the REST response leaves WordPress.
WooCommerce Store API
Zero-Bloat Starter Themes
Install UCM Theme (clean canvas) or UCM Theme + WooCommerce directly from the admin — one click, no style conflicts, no bundled CSS or JS. Your design lives entirely in UCM utility classes.
Responsive Variants
UCM.js Runtime
URL Rewrites
No-Code Form Builder
Build Gutenberg forms with a drag-and-drop field editor — text, email, number, phone, textarea, select, checkbox, and hidden fields. Submit to a UCM Data Table or any external URL. Save to a form library and reuse across pages. Light/dark style presets and five independent CSS class slots per element.
Automation Flows
Secure Auth & 2FA
WooCommerce Page Styling
Assign UCM utility classes to 70+ named element slots across Shop, Product, Cart, Checkout, and My Account pages — no template overrides, no raw CSS. One-click ☀️ Light and 🌙 Dark presets fill every slot instantly using your Theme Color variables. Per-page visibility rules with automatic redirect enforcement.
HTTP Security Headers
Harden your site in minutes. Choose a preset (Loose / Standard / Strict) to apply X-Frame-Options, Referrer-Policy, Permissions-Policy, HSTS, COOP, CORP, and COEP. Build a custom Content Security Policy directive-by-directive with a visual pill-tag editor. Also includes WordPress hardening: disable XML-RPC and hide the WP version number.
From zero to styled in minutes
No build pipeline. No custom PostCSS. No configuration.
Define a class
Open UCM Builder, pick a CSS property and value, give it a name. Done.
Apply anywhere
Ship minimal CSS
UCM scans content and outputs only the rules you actually use — zero dead code.
Click a class. See it applied.
Each button below toggles a real UCM utility class on the preview card. This is exactly how it works in the Gutenberg editor.
One plugin. A complete platform.
Start free. Upgrade to Pro when you’re ready to build real applications — databases, APIs, access control, and more.
Free
Free forever. No credit card required.
The best free CSS toolkit for WordPress.
billed $149/yr — or $19/mo monthly
CSS studio + complete app-building platform. Build full WordPress applications — no PHP required.
- — UCM App Builder
- — CSS Pro
See it in action
Agency Hub is a real project-management app built entirely with UCM Studio — Data Tables, Flows, Auth, and pure ES module JS. No external framework, no custom server, just WordPress.
Open the Playground →No account needed — click a role card to explore instantly.