flexalon.com | Documentation | Playground | Discord

This package contains the Flexalon 3D Grid Layout AND all Flexalon sizing, animation, and interaction features (see below).

Use the 3D Grid Layout to uniformly arrange gameObjects. Objects are placed in cells in column-row-layer order, with options for spacing and alignment. Alternatively, use the Flexalon Grid Cell component to specify in which cell a gameObject should be placed.

Additional layouts are available at flexalon.com.

Version 4.0 - UI Update: You can now use Flexalon to build UI under a Canvas, animate your layouts, and add click/drag interactions. Learn More.

Let’s reimagine how we build 3D experiences.

Flexalon components let you quickly arrange objects in adjustable 3D patterns at edit time and/or runtime. The power of layout doesn't need to be limited to 2D. Try it out in your browser by visiting the playground.

Design with Superpowers

Use Flexalon Animator Components to create immersive motion graphics that bring life to your games, interfaces, and cinematics. Flexalon Interactables let you add mouse, touch screen, and XR interactions for users to drag and drop objects between layouts.

Effortless Integration

Flexalon won’t break your existing workflow, and doesn’t have any dependencies. Flexalon will only edit objects with Flexalon Layout Components attached.

You’re in Control

Choose if Flexalon should run at edit time, in game, or manually whenever you decide.

=== THIS PACKAGE INCLUDES ===

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

3D Grid Layout: Position objects in evenly spaced rows and columns along any axes.
Custom Layouts: Create your own layouts by extending a base component.
Find additional layouts to extend this package at flexalon.com

Animators

Curve Animator: Animate objects between layout positions with an adjustable animation curve.
Lerp Animator: Animate objects between layout positions using linear interpolation.
Rigid Body Animator: Animate rigid bodies towards layout positions using forces.
Custom Animators: Create your own animation strategy by implementing an interface.

Click and Drag

Flexalon Interactable: Add click and drag interactions which let users add, remove, and swap objects in layouts.
XR Interactions: Built-in support for Oculus Interaction SDK and XR Interaction Toolkit. Drag objects with hands or controllers between layouts.

Data Binding

Cloner: Generate objects based on a data source
Data Binding: Implement an interface to update objects with data items.

Adapters

Flexalon automatically works with:

Mesh Renderer
Sprite Renderer
TextMeshPro
Rect Transform (Including Canvas)
Collider & Collider2D

Custom Adapters: Implement an interface to make Flexalon work with your own components.

Additional layouts are available at flexalon.com.

Flexalon: 3D Grid Layout (Free)