Flexalon: UI Layouts

FREE
Publisher Virtual Maker
File size 13.39MB
Number of files 266
Latest version 4.1.2
Latest release date 2024-03-14 11:18:01
First release date 2023-07-03 05:50:20
Supported Unity versions 2018.4.2 or higher

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 it extends the built-in uGUI framework. Flexalon won’t break your existing workflow, and doesn’t have any dependencies. Flexalon only edits objects that have Flexalon Layout Components attached.


Copilot Ready!


Coming soon, Flexalon UI Copilot will help you build your UI by natural conversation with an AI. Sign up for early access at flexalon.com/ai.


=== FEATURES ===


Flexalon Objects


  • Sizing: Precisely control width, height, and depth of objects.
  • Fill: Scale objects and layouts to fill the available space.
  • 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. 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.

Top Publisher Assets