AutoLayout PRO for uGUI

Docs: https://autolayoutpro.com/

Demo: https://autolayoutpro.com/demo

One component, every layout

AutoLayout PRO provides a single AutoLayout component that you can add to any RectTransform and you have the whole layout system: Row, Column, Grid, Absolute, or a Custom algorithm. The same inspector fields cover sizing (Pixels, Hug, Fill, Percentage, AspectRatio, TextSize), alignment, padding, gap, wrap, and overflow. Switch layout types in the inspector fields adapt. AutoLayout is one component, and it handles the layout on every screen in your project.

A workflow designers already know

Hug shrink-wraps to children. Fill distributes remaining space by weight. Percentage is an explicit share of the parent. AspectRatio drives one dimension from the other. TextSize sizes to the rendered glyph box. No anchor math, no mental translation, no leaky abstractions. The same vocabulary your designers use to lay out a screen is the vocabulary you set in the inspector.

Built for real product UIs

Around the core AutoLayout component, the package ships a small set of bonus controls built on the same engine. You don't have to use them - but when you need virtualization, a custom dropdown, or a scroll container, they're already there and Burst-driven.

- CSS-style Grid with track templates, repeat(), column/row spans, and dense auto-flow - built into AutoLayout. Define "200px 1fr 2fr" or "repeat(3, 1fr)" and the layout resolves in Burst.

- Absolute positioning with anchor presets (TopLeft, Centered, Fill, Stretch) - built into AutoLayout. For overlays, badges, and floating UI on top of your auto-layouts.

- Virtualized ListView, GridView, and Carousel - separate controls built on AutoLayout. Thousands of items at a steady framerate, with object pooling, multi-prefab support, and dynamic item sizing.

- Native ScrollView and Dropdown - separate controls built on AutoLayout. Nested scrolling, elastic bounds, click-outside-to-close, no dependency on Unity's built-in Dropdown.

Designer-friendly editor

Modern editor experience: color-coded padding / margin / gap gizmos in the Scene View, drag-to-reorder handles on children, smart alignment guides, a custom UIElements inspector with unified value+unit dimension fields, and hierarchy icons that show layout islands and dirty state at a glance.

Adopt incrementally

AutoLayout PRO coexists with Unity's built-in LayoutGroup and ContentSizeFitter components on the same Canvas. There's no engine-wide migration, no rewrite, no commitment - convert a single screen, ship it, and convert the next one when you're ready. The headless core is platform-agnostic and contains no Unity UI dependencies, so the same engine powers the shipped uGUI adapter and is ready for IMGUI / UI Toolkit adapters and custom render backends.

Performance under the hood

The core layout pass is fully Burst-compiled and zero GC allocation. A three-phase algorithm (bottom-up intrinsic sizing → top-down space distribution → positioning) runs on blittable UINode structs. An incremental rebuild system tracks dirty flags per-axis and only recalculates the subtree that actually changed. Independent subtrees are split into Layout Islands so a change in one screen never touches another.

What's in the box

- Burst-compiled headless layout engine and uGUI adapter.

- Five virtualized controls: ListView, GridView, Carousel, ScrollView, Dropdown.

- AutoUI fluent builder for runtime UI construction.

- YAML serialization for layout export/import.

- Tweening API with a pluggable backend interface - bring your own tweening library.

- Custom UI Toolkit inspector, Scene View gizmos, and hierarchy integration.

- Per-component documentation at autolayoutpro.com.

Built for Unity 2023.2 and newer (including Unity 6). Uses Burst, Collections, Mathematics, and TextMeshPro.