O
Plugin
Updated
OxyProps
OxyProps by Bontems is a WordPress plugin for people who build sites with Oxygen Builder or Bricks Builder. It brings the Open Props library of CSS custom properties into your builder, along with a CSS framework, custom elements and context menus that put styling options close at hand.
- Version
- 1.13.1
- Released
- May 6, 2024
- Developer
- Bontems
- Type
- WordPress plugin
- Licence
- GPL
- Included in
- Every plan, or $3.99 a year on its own
What’s new in OxyProps 1.13.1
Version 1.13.1 · May 6, 2024
Latest
- FixedBrx: fix color inheritance in MathML mrow elements
- FixedBrx: fix specificity for h2 and h2 max-inline-size in normalize. Fix SVG size applying to AT superpowercss icon when svg with no width attribute is used
What it does
Keeping colors, spacing, typography and sizing consistent across a whole site takes effort when every value is typed by hand. This plugin solves that by bringing Open Props, a library of CSS custom properties, into your page builder. You work from a shared set of design tokens instead of one-off values, which makes responsive styling more consistent from page to page and makes later changes easier to apply across a project.
The plugin sits inside Oxygen Builder and Bricks Builder, so you keep building the way you already do. It adds a CSS framework with normalize styles, pre-built custom elements and context menus that surface relevant styling and element options with fewer clicks. Adjustable parameters let you fit the setup to each project. It is aimed at professional developers and designers, and video tutorials walk through its features and techniques.
Best for
- Developers building client sites with Oxygen Builder
- Designers who build websites in Bricks Builder
- Agencies wanting consistent CSS design tokens across projects
Features
Open Props integration
Gives you a library of CSS custom properties to use as design tokens, helping keep responsive styling consistent across every page of your site.
Built-in CSS framework
Adds a CSS framework with normalize styles for elements such as headings, so your layouts start from a consistent, predictable base.
Custom elements
Provides pre-built custom elements inside your page builder, giving you more design options without coding each piece from scratch.
Context menus
Opens relevant styling and element options right where you are working, cutting down on clicks while you design.
Oxygen and Bricks support
Works with both Oxygen Builder and Bricks Builder, so you can use the same toolkit whichever of the two builders a project uses.
Adjustable design tokens
Offers a range of adjustable parameters and design tokens so you can tailor the styling system to each project's needs.
Video tutorials
Comes with in-depth video tutorials that explain hidden features and creative techniques, helping you learn the toolkit faster.
Questions about OxyProps
Which page builders does OxyProps work with?
It is built for Oxygen Builder and Bricks Builder. The plugin adds its CSS framework, custom elements and context menus directly into those builders, so you keep your normal workflow while gaining access to the Open Props custom properties.
What is Open Props and why does it matter here?
Open Props is a library of CSS custom properties, essentially ready-made design tokens for things like color and sizing. Building with these shared values helps keep styling consistent and responsive across a site, and makes it easier to adjust a design globally.
Is this plugin suited to beginners?
It is aimed at professional developers and designers who are comfortable with CSS concepts and page builders. That said, it includes in-depth video tutorials covering its features and techniques, which help newer users get up to speed.
Can I adapt the styling system to my own projects?
Yes. The plugin offers a variety of adjustable parameters and design tokens, so you can tailor the framework to fit the look and requirements of each site you build.
Is OxyProps free?
The code of OxyProps is licensed under the GPL, so anyone may use, change and share it. GPL Feast is a paid service: a plan or a single purchase gives you the download and automatic updates. The developer's own support, licence key and online services are not included.
Which version of OxyProps is this?
Version 1.13.1, released May 6, 2024. New versions appear here when the developer publishes them, and members get them as automatic updates.
How do I update OxyProps?
Install the free GPL Feast Updater on your site and connect it with your API key. It installs new versions of OxyProps automatically and keeps a backup, so you can roll back.
You might also like
