Cyber Week • Get Onx Library for 50% off
2024-09-30

Class Conflict Resolution

Update to resolve Webflow class conflicts, introduces 10 new layouts, and enhances utility classes for improved design flexibility and efficiency.

A significant update to Onx UI, addressing key issues when pasting compinents in the Webflow designer and introducing exciting new features to enhance your design workflow. Here's what's new:

Class Conflict Resolution

  • Resolved Webflow class conflicts by updating the starter style guide
  • All components have been updated to ensure compatibility and smooth integration


New Layouts

Enhanced Utility Classes

We've introduced several new utility classes to give you more control and flexibility in your designs:

  • Margin trim utility**: [by Timothy Ricks](https://youtu.be/HXzpQTYZQVs)
  • Flexbox modifiers**: New classes for more advanced flexbox layouts
  • Fluid Type**: Now set as the default for responsive typography
  • Aspect ratio utility**: Easily maintain consistent aspect ratios across elements
  • Size utility**: Fixed width and height classes for icons and small elements
  • Extended spacing utility**: Additional REM unit options for more precise spacing control
  • Rich Text in style guide**: Improved typography controls in the style guide

Improvements {.improvements}

  • Updated Starter Style Guide**: Comprehensive update to resolve class conflicts and improve overall usability
  • Component Updates**: All existing components have been revised to work seamlessly with the new class structure

What's Next

We're continuously working to improve Onx UI. In our upcoming releases, you can look forward to:

  • Additional Webflow Mast components
  • New Scripts / Addons


As always, we value your feedback and are excited to see how these updates enhance your design process!

Happy designing!