Over 11,000 five-star assets
Rated by 85,000+ customers
Supported by 100,000+ forum members
Every asset moderated by Unity
Unity Version | Built-in | URP | HDRP |
---|---|---|---|
2021.3.22f1 | Compatible | Compatible | Compatible |
flexalon.com | Documentation | Discord
Flexalon UI Layouts is a drop-in replacement for uGUI Layout Groups, which gives you more control and options in building your UI. The layouts are responsive, adapting to the screen size and to the text and images within the layouts.
- uGUI Horizontal / Vertical Layout Group -> Flexalon Flexible Layout
- uGUI Grid Layout Group -> Flexalon Grid Layout
Check out Flexalon Pro: 3D & UI Layouts to get more layouts, including circles, curves, shapes, and more.
Design with Superpowers
In addition to layouts, Flexalon provides powerful built-in Animators and Interactables, enabling you to create a UI with smooth interactions such as reordering lists and drag-and-drop between layouts.
NOT A New UI Framework
Flexalon extends the built-in uGUI framework. Flexalon won’t break your existing workflow, and does not have any dependencies. Flexalon only edits objects that have Flexalon Layout Components attached.
=== FEATURES ===
- Sizing: Precisely control width, height, and depth of objects.
- Fill & Shrink: Automatically size objects and layouts to fit the available space.
- Min / Max: restrict the size for objects and layouts.
- Margins and padding: Add empty space around objects and inside layouts.
Layouts
- Flexible Layout: Stack children linearly along the x, y, or z axis, with optional wrapping, alignment, gaps, and shrinking. Think CSS Flexbox in 3D.
- 3D Grid Layout: Arrange objects in evenly spaced rows, columns, and layers with rectangular or hexagonal cells.
- Check out Flexalon Pro: 3D & UI Layouts to get more layouts, including circles, curves, shapes, and more.
- Curve Animator: Animate objects between layout positions with an adjustable animation curve.
- Lerp Animator: Animate objects between layout positions using linear interpolation.
- Flexalon Interactable: Add click and drag interactions, allowing users to add, remove, and rearrange objects in layouts.
- Cloner: Automatically generate objects based on a data source
- Data Binding: Implement an interface to update UI from a data model.