stylexui Files

This release is a major step toward optimizing StyleXui for speed and giving developers granular control over layout, making it the fastest utility framework in its class!

⚙️ Performance & Build Optimization

• ⚡️ Massive Package Size Reduction: The core font folder (approx. 8MB) has been removed from the distribution. StyleXui now defaults to system fonts, allowing developers to import and optimize custom fonts themselves, resulting in a significantly faster download and build process.
• 🖼️ Asset Cleanup: Included assets and images have been optimized, further reducing the package size.
• 💨 JavaScript Minification: Added a build step to compress and minify xui.js into xui.min.js, ensuring faster load times in production.

✨ New Utilities & Feature Enhancements

• 📦 New Flexbox Utility Scale (xui-flex-*): Introduced a powerful, simplified scale for the CSS flex shorthand, replacing the need to use separate grow/shrink classes for common use cases.
  • .xui-flex-1 through .xui-flex-5 for controlling the element's growth factor (e.g., flex: 2 1 0%).
• 📐 Comprehensive Flex Basis Utilities: Added individual utilities for the flex-basis property, giving users full control over the initial size of flex items.
  • Classes like .xui-basis-0, .xui-basis-auto, and fractional basis values like .xui-basis-1/2.
• 📏 Modern Gap Utilities (Grid & Flex): Replaced the deprecated grid-gap with the unified gap property, which now works for both Flexbox and CSS Grid layouts.
  • New classes include .xui-gap-*, .xui-row-gap-*, and .xui-col-gap-*.
• 🌎 Enhanced Container Logic: The core .xui-container class has been updated to include max-width at responsive breakpoints and is now centered, implementing the modern standard for fluid, readable content on all screen sizes.

Next Steps!

We're so excited for you to try out this significantly lighter and more powerful version! You can install the new package via npm now.

• Check out the new features on GitHub: https://github.com/richaadgigi/stylexui