Adaptive UI Layouts

Adaptive UI Layouts

Simplified Multi-Platform UI Development

Create one UI system that automatically adapts to different devices and screen configurations.

Adaptive UI Layouts allows you to design your interface once and automatically apply the correct layout for desktop, mobile, and tablet devices.

• Create one UI setup that adapts automatically across platforms

• Avoid writing custom UI positioning code for every resolution

• Reduce development time for multi-platform projects

• Works with WebGL, standalone builds, and mobile devices

Live Demo

Try the WebGL demos to see Adaptive UI Layouts in action:

Responsive UI Demo

https://colpolstudios.itch.io/adaptiveuilayouts-web-and-portrait

Character UI Demo (World Space Canvas)

https://colpolstudios.itch.io/adaptiveuilayouts-character-use-web-and-portrait

Resize the browser window on desktop or open the demo on a mobile device to see the UI automatically adapt to screen size and orientation.

Publisher Website & Support

For documentation, updates, and support:

https://colpolstudios.wixsite.com/studio-design

Automatic Device Detection & Layout Application

The system automatically detects device type and applies the correct layout profile.

• Automatically detects desktop vs mobile devices

• Works with WebGL builds on mobile browsers

• Supports manual orientation controls for Device Simulator testing

• Automatically responds to screen size, aspect ratio, and orientation

Flexible Layout Profiles

Create and manage layout configurations for different devices and orientations.

• Create profiles for Desktop, Mobile Portrait, and Mobile Landscape

• Use only the profiles you need (for example, Desktop + Mobile Portrait)

• Capture the current UI layout with one click

• Update layouts easily by repositioning UI and recapturing

• Modify existing profiles by selecting them before capturing

• Includes Prefab workflow for safe UI iteration

Animation & Code-Friendly

Adaptive UI Layouts is designed to work smoothly alongside animations and scripted UI systems.

• Layout applies once at Start() and does not interfere with animations

• UI elements can be animated freely without layout resets

• Safe to modify UI via scripts or gameplay systems

Performance Optimized

The system is lightweight and designed for runtime efficiency.

• Layout applied only when needed (startup or orientation change)

• Efficient UI element lookup using cached dictionaries

• Minimal runtime overhead

Easy Workflow

A straightforward workflow designed for fast integration.

• Simple setup: Add two components to your Canvas

• Visual workflow: position UI → capture layout → assign profiles

• Works with Unity UI (uGUI) systems

• Easy to modify or expand layouts later

Key Benefits

• Save time when developing multi-platform UI

• Reduce repetitive UI positioning work

• Keep UI systems clean and maintainable

• Support desktop, mobile, and WebGL from a single UI setup