OxyProps is a powerful design system for Oxygen and Bricks that adds tokens, utility classes, fluid spacing, and smart styling tools to build faster, consistent, and accessible websites. It streamlines responsive design, improves performance, and gives you a scalable foundation for any project—without reinventing the wheel.
- Design tokens for colors, typography, spacing, shadows, and radii
- Fluid responsive typography and spacing out of the box
- Utility class framework for rapid, consistent styling
- Global scales you can customize and extend
- Prebuilt, accessible components and patterns
- Works with Oxygen and Bricks (native integration)
- Automatic dark mode and theme switching support
- CSS variables for easy theming and maintenance
- Grid and layout utilities for modern, flexible layouts
- Clamp-based sizing for perfect responsiveness
- Rem and fluid units for scalable, accessible UI
- Performance-friendly, minimal CSS output
- Consistent spacing system to eliminate guesswork
- Accessible defaults that follow best practices
- Developer-friendly docs, presets, and starter kits