UI Flex Layout
A Unity package implementing a CSS Flexbox layout system for dynamically arranging and sizing UI elements.
A Unity package implementing a CSS Flexbox layout system for dynamically arranging and sizing UI elements.* This page contains affiliate links, meaning we may earn a small commission if you purchase something through them, at no extra cost. $7.45
- Category:
- Tools › Gui
- Developer:
- W7 Assets
- Price:
- $7.45
- Rating:
- Favorites:
- 15
- Supported Unity Versions:
- 2020.3.12 or higher
- Current Version:
- 1.1.2
- Download Size:
- 256.58 KB
- Last Update:
- Mar 31, 2025
- Description:
- UI Flex Layout is a layout system designed to drive UI rect-transform components. It is suitable for various UI layout cases and can dynamically shrink, wrap, or grow items based on their containers. The system features are inspired by CSS' Flexbox behavior, with additional customization options. Key features include direction control, wrapping, and reverse-wrapping, as well as justify-content, align-content, and align-items options. Flex-item features include flex-order, flex-grow, flex-shrink, and minimum and maximum size options. The package also includes a Flex Linker component for content size fitting and a Flex Aspect Ratio component for maintaining or changing aspect ratios. The system is optimized for performance, supports Unity animations, and includes full source code. However, it has some limitations, such as being mainly suitable for axis-aligned UI components and lacking the CSS Flexbox 'Baseline' function.
- Technical Details:
- The package includes a Flex-Container with features like direction, wrapping, justify-content, align-content, and align-items, as well as a Flex-Item with features like flex-order, flex-grow, flex-shrink, and minimum and maximum size options. It also includes a Flex Linker component and a Flex Aspect Ratio component. The system is optimized for performance and supports Unity animations, sub-containers, and pivot points. It is available with full source code and has documentation available online.
- Continue »