What is OxyProps ?
Enhance your page building workflow with OxyProps – the innovative WordPress plugin that adds a sleek CSS framework, advanced custom elements, and smart context menus to your favorite builders.
- UNLIMITED Websites
- For Oxygen builder
- For Bricks builder
- Lifetime Updates
- Lifetime Support
- One time payment
Why is OxyProps the best match for you ?
Wether you’re a business owner building your first website, or an experienced Websites Developer looking for efficiency and time savings, Oxy Props has your back.
A Powerful Color System
- Oxy props makes managing your website colors and color schemes a piece of cake.
- From your plugin dashboard, select pre-built color swatches or define your custom ones.
- When you design, simply use Oxy Props logical colors (also made available as global colors). Your design will automatically respond to light & dark, or any color scheme you choose.
Less typing, props are available with a simple click
- Have you ever tried to use custom properties but got stuck searching endlessly for the correct syntax, or loosing time typing and typing again the prop name in value fields ?
- Forget about it! Oxy Props smart context menu makes relevant props for a specific field available with a simple click .
Build light and dark versions of your site simultaneously
- When you use Oxy Props logical colors, your site is light/dark responsive “out of the box”
- Oxy Props adds a light/dark toggle to your builder UI so you can always easily make sure your design looks good in both versions.
Classes navigation and live preview
- You don’t remember the exact class, or you are not sure which one to use?
- Oxy Props improves your builder classes list navigation with keyboard navigation and live preview of the class effect.
Rely on OxyProps Default Settings
- Do you need to be up and running fast for your new website project ? Then leverage Oxy Props default Global Settings.
- When activated, Oxy Props will redefine your builder global settings using Oxy Props Custom Properties for every setting from fonts stacks through fluid typography to colors and spacing.
- You get a fully responsive settings blueprint that you can tweak to your liking.
No need to fight the framework
- Did you ever use a CSS framework, and then spent hours trying to style an element fighting against the framework defaults built with extreme specificity or even !important rules?
- OxyProps is built with Zero Specifity Rules so you can always easily apply your custom styles at a local level.
Frequently asked questions
- What is OxyProps ? OxyProps is a WordPress plugin that adds a CSS custom properties collection, a Utility Classes Framework, Custom Components, and Builder features for lightning fast access to the custom properties. It allows you to build consistent design, use light, dark and colour schemes, and save time in your development process.
- What OxyProps is NOT ? OxyProps is not a pre built design set. You will not get a library of sections, pages, headers and other blocks. Oxy Props is also not a builder UI enhancer, except for the context menu which is there to give you instant access to the props in oxygen value fields, and the light/dark toggle which allows you to build both modes simultaneously. In. Oxygen, we like to use OxyProps together with Recoda Workspace for the perfect combo.
- Do I need Oxygen or Bricks to use OxyProps? Yes you do. Even if you can access the props and utility classes loaded by Oxy Props in any WordPress environment, the integration features only work inside the supported Builders, and the props and framework CSS has been carefully designed for Oxygen and Bricks way to output code.
- Will other builders be supported in the future ? Many users did ask, so the Breakdance version of OxyProps is currently under evaluation. No promise it will ever be done, and of course no ETA! The vast majority of the framework already works well with Breakdance. Light and dark modes are also supported. Check BreakdanceProps.com. There is currently no plan to port Oxy Props to other page builders. That being said, it depends on the community. So, we may consider supporting other builders one day. You can suggest your favorite one on Oxy Props Feedback Site.
- You say OxyProps is built with Open Props. What is Open Props ? Thanks for that very good question ! Open Props is an Open Source collection of web design tokens in the form of CSS Custom Properties. You can access Open Props repository on GitHub. OxyProps uses Open Props and extends it with additional custom props and a utility classes framework using the props.
- If Open Props is Open Source, why should I purchase OxyProps ? Even if you choose not to purchase OxyProps, we strongly encourage you to give Open Props a try. OxyProps was build from our extensive usage of Open Props in Oxygen since it was released in november 2021. Oxyprops adds additional props to extend the core set, a large utility classes library built on the prop collection, Oxygen AddOns to make the props available right in Oxygen Builder, and will first save you hours of troubleshooting, and the hours of searching and typing.