Flexalon: UI Layouts

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 ===

Flexalon Objects

• 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.

Animators

• Curve Animator: Animate objects between layout positions with an adjustable animation curve.
• Lerp Animator: Animate objects between layout positions using linear interpolation.

Click and Drag

• Flexalon Interactable: Add click and drag interactions, allowing users to add, remove, and rearrange objects in layouts.

Data Binding

• Cloner: Automatically generate objects based on a data source
• Data Binding: Implement an interface to update UI from a data model.