EffectIO OxyProps 1.13.1

Description:

OxyProps is a plugin that connects Oxygen Builder with Open Props, a collection of expertly crafted Web Design Tokens delivered as CSS custom properties. Open Props itself is a well established resource for designers and developers who want a consistent set of design values to work with, and OxyProps makes that collection available directly inside the Oxygen editing environment. The result is a workflow where site design in Oxygen can be both fast and consistent, because the values you use across a project all come from the same shared set of properties.

Once installed, the plugin surfaces the CSS custom properties in several places that Oxygen users already work with day to day. All of the Open Colors can be found in the Oxygen Global Colors, so color choices made through the builder draw on the same token set used everywhere else. The CSS properties themselves are reachable from a context menu in the builder panel, which means you can pull in the value you need while editing an element without leaving the interface or copying values by hand from an external source.

Beyond the raw properties, OxyProps ships with hundreds of utility classes that are built on top of those properties. These classes are pre-registered for class suggestion, so as you type class names in the builder, the relevant utility classes appear as suggestions. This makes it straightforward to apply the design tokens through ready made classes rather than writing custom CSS for every adjustment, and it keeps styling consistent because the classes all rest on the same underlying property values.

The plugin is built with both Light and Dark modes included, so sites can support either appearance from the start. OxyProps is aimed at people who build sites with Oxygen Builder and want to work with a structured, token based design system instead of ad hoc values. More details about the product can be found on the OxyProps website at oxyprops.com.

Main Features of OxyProps:

• Built in Light and Dark modes.
• Find all Open Colors in your Oxygen Global Colors.
• Access the CSS properties from a context menu in the builder panel.
• Use hundreds of utility classes built with the properties and pre-registered for class suggestion.

EffectIO members receive updates through the managed update channel. Install the EffectIO Connect plugin on your site and it handles activation, updates and licensing automatically.

Need a dashboard view of all your EffectIO assets? The EffectIO Dashboard shows what is installed, what is licensed, and what has an update available.

The 1.13.1 version stays on this update channel for the subscription year.