Responsive UI Pro

Responsive UI Pro brings the layout model web developers already know from CSS frameworks (align, fit-or-expand, margins, nested containers) into Unity's UGUI. It replaces the usual approach of hand-tuning anchors and pivots for every screen size and orientation.

Containers can be configured differently for landscape vs. portrait. Individual items can be set to a fixed size, a percentage of their container, or fully flexible. A separate Resizer component handles how a single element scales within its bounds (contain, cover, or stretch, with min/max limits), similar to CSS's object-fit.

Use cases

• Mobile games and apps that have to look right on phones and tablets, in portrait and landscape
• Menus, HUDs, and settings screens where rows and columns of buttons should share the available space
• Scroll views and nested lists built from responsive containers
• Image panels and backgrounds that must keep their aspect ratio while their container changes size

How it works

A Responsive Container goes on any UI GameObject that holds content. You choose a horizontal or vertical axis, alignment, margins, spacing, and a behaviour: fit the content to the container, fit the container to its content, spread items across the space, or group them, with "and expand" variants that grow the container when content runs out of room. A Responsive Item on a child sets it to Preferred (keep its size), Percentage of the container, or Flexible: four flexible items each get 25% of the space, minus margins and spacing. Children can also be excluded from the layout entirely.

A Screen Detector on the canvas tracks portrait vs. landscape, and each container can carry one configuration per orientation. The Resizer fits a single element with Fill, Contain, or Cover, using the object's own ratio, a fixed ratio, or its texture's ratio, and a lighter Resize By Ratio component simply keeps width and height in proportion.

What's included

• Align, fit-or-expand, margin/spacing, grouping, and spreading controls
• Per-item sizing: fixed, percentage, or flexible
• Nestable containers for complex layouts
• Screen-orientation-aware configurations
• Resizer component (contain/cover/stretch modes)
• Configurable refresh rate (on-change/on-rate/on-update/manual) for performance
• 16 demo scenes, full source code, premium forum support

Compatibility

Written in C# with no dependencies. The Asset Store listing gives Unity 2021.3.31 as the minimum version and lists the Built-in Render Pipeline, URP, HDRP, and custom render pipelines as compatible. It works with any UI style.

Common questions

Does this replace Unity's Canvas Scaler, or work alongside it? It's a layout layer on top of UGUI. It gives per-item align, fit, and margin control that Canvas Scaler alone doesn't provide, particularly for orientation-specific layouts and nested containers.

Can I set different layouts for portrait and landscape without duplicating my UI? Yes. Containers can be configured differently per orientation, so a single UI hierarchy can adapt instead of needing separate portrait and landscape prefabs.

Will constant layout recalculation hurt performance? The refresh rate is configurable (on-change, on a timer, on Update, or manual), so you can trade off responsiveness against performance depending on how dynamic a given screen needs to be.

Does it work inside a Scroll Rect? Yes. Demo scenes show responsive containers inside scroll rects, including a vertical scroll rect with nested containers.

WebGL demo · Documentation