OxyProps

OxyProps is a CSS framework built on Open Props, an open source collection of web design tokens, designed specifically for the Oxygen Builder. It provides CSS custom properties and a utility classes framework that integrates directly into the Oxygen Builder interface to streamline the development workflow.

Key Features

• CSS Custom Properties - Provides a comprehensive set of CSS custom properties (variables) for consistent design implementation across projects
• Open Props Integration - Built on Open Props, an open source collection of high quality web design tokens for standardized design values
• Oxygen Builder Integration - Integrates directly with Oxygen Builder to make CSS custom properties accessible within the builder interface
• Utility Classes Framework - Includes a utility classes framework that leverages custom properties for rapid styling and component development
• Design Tokens - Provides pre-defined design tokens for colors, spacing, typography, and other design system values
• Developer Workflow Enhancement - Designed to improve the quality of life for Oxygen developers with exclusive features and streamlined access to design properties
• Fluid Typography Support - Includes fluid font sizing variables that scale responsively across different viewport sizes
• Color System - Provides a systematic approach to color management through custom properties with multiple shade variations
• Spacing System - Includes predefined spacing variables for consistent padding, margins, and gaps throughout designs
• Responsive Design Variables - Supports responsive design through custom properties that adapt to different screen sizes

Best For

OxyProps is designed for web developers and designers using Oxygen Builder who want to implement a design system based on CSS custom properties and design tokens. It is ideal for teams and individuals building consistent, scalable websites with standardized design values, and for those seeking to reduce development time by leveraging pre-built utility classes and design tokens within the Oxygen Builder environment.