OxyProps – Modern CSS Framework for Building Your WordPress Site

OxyProps is a powerful WordPress plugin that revolutionizes the design workflow by integrating modern CSS properties, custom elements, and productivity features directly into your page builder. Specifically designed for professionals working with Oxygen Builder and Bricks Builder, this CSS framework offers a robust system of design tokens, utility classes, and smart tools to create consistent, scalable, and visually stunning websites.

The plugin introduces a logical color system that allows you to design both light and dark versions of your site simultaneously. By defining your colors just once, OxyProps ensures your design automatically responds to both modes, even adding a light/dark switcher in the builder interface so you can verify everything looks perfect in both versions. Its fluid typography system allows fonts to adapt automatically to screen size, ensuring a professional reading experience without breaking the layout.

One of its most outstanding features is the smart context menu: you no longer need to remember class names or write CSS lines manually. By right-clicking on any field, OxyProps shows you the relevant properties for that specific area, significantly speeding up your workflow. Additionally, the enhanced class navigation includes keyboard navigation and live preview of each class's effect, so you always know exactly what you're applying.

OxyProps is built with a zero-specificity philosophy, meaning you won't have to fight against rules with !important or difficult-to-override default styles. You can apply your custom styles locally without conflicts. The plugin also includes a library of utility classes for shadows, gradients, aspect ratios, animations, buttons, and cards, all optimized to be naturally responsive.

Upon activation, OxyProps redefines your builder's global settings with its own custom properties, from font stacks to fluid spacing, colors, and typography, providing you with a fully responsive configuration blueprint that you can adjust to your preferences. It is the ultimate tool for developers and agencies seeking efficiency, consistency, and total control over the design of their WordPress projects.