Why UI Toolkit?
New to UI Toolkit? Read UI Toolkit Basics first — this page is the side-by-side comparison with uGUI for picking between the two systems.
Unity UI (uGUI) is ideal if you prioritize familiarity with the GameObject-based workflow. UI Toolkit is the better choice if you need scalable, high-performance layouts with modern styling options — and is what Luna is built on.
Unity's comparison
Unity's Comparison (opens in new tab)
Comparison
| Subject | Unity UI (uGUI) | UI Toolkit (what Luna gives you) |
|---|---|---|
| Architecture | GameObject-based, with each UI element as a GameObject and Component | DOM-like visual tree (similar to web) with no GameObject overhead |
| Scalability | Prefabs provide reusable UI elements but can become cumbersome to manage, especially with complex nested hierarchies and style adjustments | UXML and USS enable reusable, modular UI components with styles applied globally. Luna ships a Theme Stack and Colors system on top so re-skinning a project is one TSS swap |
| Performance | Higher overhead with many UI elements, due to GameObjects and RectTransforms | More efficient due to lightweight visual elements and optimized rendering |
| Layout System | Uses RectTransforms and anchors, which can be tricky for responsive layouts | Flexbox layout, more intuitive and powerful for dynamic, responsive UIs. Luna adds breakpoint-driven Responsive view switching (xs/sm/md/lg/xl/2xl) for cross-aspect-ratio layouts |
| Styling | Customization done through scripting and component adjustments | USS (similar to CSS), allowing for powerful and reusable styling. Luna ships pre-built USS for every Unity control plus a Library utility-class set |
| Ease of Use | Familiar GameObject workflow | Declarative UI (UXML/USS) more complex but promotes cleaner separation between logic and style |
| Editor Experience | Visible and manipulable directly in the Scene view | Integrated tool called UI Builder |
| Textureless UI | No | Create visually appealing UI without relying on textures — Luna's UI Effects (glow, outline, shadow, gradient, pattern, shine) generate the look entirely from shader keywords |
| UI positioned and lit in a 3D world | Yes | Yes — UITK now has 3D world-space fully integrated. Luna ships a LunaPanelSettingsWorldSpace preconfigured for it (see Theme Stack — Panel Settings) |
| VFX with custom shaders and materials | Yes | Yes — UITK now has custom shader effects support. Luna's UI Effects is a single uber-shader with composable keyword-toggled effects, zero runtime cost when off |
| Particle effects in UI | Yes — Possible with plugin | Yes — Possible with render textures. Luna's UI Render wraps the render-texture flow (Camera → RT → UITK Image element) so particles, sprites, and characters drop into UI without per-scene plumbing |
Settings
Theme
Light
Contrast
Material
Dark
Dim
Material Dark
System
Sidebar(Light & Contrast only)
Font Family
DM Sans
Wix
Inclusive Sans
AR One Sans
Direction
Left to RightLTR
Right to LeftRTL