V4 Studio is a free design system for Elementor V4. It adds ready-made variables and classes to Elementor, so every page you build shares the same colors, fonts and spacing.
Elementor V4 styles pages with variables and classes. A variable holds one design choice, such as your brand color or a text size. A class is a reusable style you add to an element, such as a button or a card.
V4 Studio fills both with a complete set that works together. Add a class to an element and it is styled, with no settings to change by hand. Everything lives in Elementor's own Variables and Classes, so you can change any of it later.
Install and activate V4 Studio beside Elementor.
The first visit adds the variables and classes to Elementor.
In Elementor, give an element a class such as button-primary.
V4 Studio adds four areas to your WordPress admin. It comes with 133 variables and 632 classes.
Colors, fonts, text sizes, spacing and radius, ready to edit.
Layout, text, buttons, cards and effects, ready to use.
Your name, logos, contact details and social links, as dynamic tags.
Back up your setup, or move it to another site, in one file.
Most of V4 Studio works with the free Elementor plugin. A few classes are for Elementor Pro widgets, such as form fields, so we recommend Elementor Pro to use everything.
See every variable and class live, exactly as it looks on this site.
Yes. V4 Studio is free to use.
Not for most of it. A few classes are for Elementor Pro widgets, such as form fields. To use everything, we recommend Elementor Pro.
Open V4 Studio once in your WordPress admin. The first visit adds its variables and classes to Elementor.
Yes. Edit them in V4 Studio › Variables, then select Import Variables. Everything that uses them updates.
No. Values you change, including fields you clear, are kept on later visits.
Next
Installation
Install V4 Studio and set it up.