Free WordPress design system Plugin
Your design system in WordPress,
without the copy-paste.
WPStylo Companion is a free WordPress plugin that reads your WPStylo configuration and applies it to your site: Elementor, block themes or plain CSS. No snippets to paste, no setup.
v1.6.0 · Free · GPL-2.0 · WordPress 6.5+ · PHP 7.4+
One JSON in.
A styled site out.
You design your colors, typography, buttons and global elements in the WPStylo app, then export a single .json file. The Companion plugin reads that file and writes the values straight into WordPress - in one click, from your admin. No theme code to touch, nothing to paste by hand.
Export - Download your design system as a .json from the app.
Import - Upload or paste it in the plugin's admin panel.
Apply - Push it to your target. Done.
Targets
Three ways to apply your styles.
CSS Custom Properties
Works with any WordPress theme. The plugin injects your tokens as `--wps-*` CSS variables, plus ready-to-use utility classes. No page builder required.
Elementor
Pushes your colors, fonts and button styles straight into the Elementor Kit (Site Settings), and injects utility classes for your widgets. Compatible with Elementor 3.0 and later.
FSE / theme.json
For block themes. The plugin writes your design tokens into the active theme's `theme.json` - with an automatic backup created before every change.
Download and install in two minutes.
Download - Search for the "YAOTW Stylo" plugin or download it directly from the WordPress repository.
Activate - Activate YAOTW Stylo. A new YAOTW Stylo menu appears in your admin, ready to import your config.
Free and open source (GPL-2.0).
Quick Answers.
Looking for something else ? Check out our Frenquently Asked Questions page.
More answers in the FAQ →Is the plugin really free?
Yes. No account, no license key, no paywalled features. It's released under the GPL-2.0 license.
Do I need Elementor to use it?
No. Elementor is just one of three targets. The CSS target works with any theme, and the FSE target covers block themes.
Can I still edit my styles in WordPress after importing?
Yes. The plugin writes standard WordPress and Elementor values, so you can keep tweaking everything in your builder or Site Editor afterwards.
Will I get future updates?
Yes, automatically, from your WordPress dashboard, once the plugin is installed.
Try it, it's free!
Need a config first?
The plugin imports a WPStylo '.json file'. Build yours in the app first - it's free, no account, no setup.
Open WPStylo →