Features
Explore all the powerful features OxyMade offers for your Oxygen workflow.
OxyMade provides a comprehensive set of features designed to streamline your Oxygen page building workflow. From advanced color management to responsive utilities, discover what OxyMade can do for your projects.
Key Features
- Design Sets - Pre-configured templates including Layers (default) and additional templates from our library
- Context Panels - Right-click access to OxyMade variables for spacing, colors, and more
- Color Palette - 5 semantic colors with 11 shades each, plus auto-generation
- Typography - Fluid type scale with responsive sizing
- Spacing - Consistent spacing scale with section spacing utilities
- Grid & Flexbox - Responsive layout utilities
- UI Examples - Common patterns and the OxyMade Button element
- Oxygen Sync - Seamless integration with Oxygen’s variable system
- Paste Import - Automatically import design data by pasting JSON
Color Palette System
Advanced color management with automatic shade generation and Oxygen integration.
Learn moreTypography System
Modular type scales with fluid typography and responsive font sizes.
Learn moreSpacing System
Consistent spacing scale with semantic variables for perfect visual rhythm.
Learn moreGrid & Flexbox
Responsive layout utilities with breakpoint-specific classes for complex layouts.
Learn moreContext Panels
Quick-access panels for OxyMade variables via right-click in the builder.
Learn moreDesign Sets
Pre-configured design systems including Layers and additional templates from our template library.
Learn morePaste Import
Automatically import design data by pasting JSON into the builder.
Learn moreOxygen Sync
Seamless integration with Oxygen's variable system, selectors, and components.
Learn moreUI Examples
Practical examples of building common UI components with OxyMade's utility classes and elements.
Learn more