UI Toolkit Starter Kit — Start Here
Welcome! This kit teaches you Unity's modern UI system, UI Toolkit, by building a working game HUD: a health bar, a score counter, a description panel, styled buttons with hover/press/disabled states, and a settings row with a toggle, dropdown, and text field.
What you need
- Unity 6 (any 6.x version — 6000.0 LTS or newer). UI Toolkit and the UI Builder are built in; there is nothing extra to install.
- This starter kit package imported into your project (you're reading it, so that's done).
- Any render pipeline (URP, HDRP, or Built-in) — UI Toolkit doesn't care.
What's in the kit
| Path | What it is |
|---|---|
UI/HUD.uxml | The UI layout (structure) — like HTML |
UI/StarterKit.uss | The stylesheet (look & states) — like CSS |
Scripts/HealthScoreSystem.cs | Game state: health + score (the model) |
Scripts/HUDController.cs | Connects UI to game state (the view) |
Scripts/Editor/StarterKitSetup.cs | One-click scene setup menu |
Tutorial/ | These lessons |
Fastest possible start (2 minutes)
- Open any scene.
- Menu bar → Tools → UI Toolkit Starter Kit → Create Sample HUD In Current Scene.
- Press Play. Click the buttons, drag the slider, toggle God Mode.
Then come back and work through the lessons to understand what just happened.
Lesson path
- 01 - What Is UI Toolkit — the three ingredients: UXML, USS, C#
- 02 - Project Setup and Settings — Panel Settings, themes, UIDocument
- 03 - UI Builder Basics — the visual editor and Flexbox layout
- 04 - Building the HUD — recreate the kit's HUD yourself, step by step
- 05 - Styling and Button States — USS selectors, pseudo-classes, transitions
- 06 - Wiring It Up With C Sharp — queries, events, updating the UI
- 07 - Reusing and Exporting — use the kit in your own projects; make your own package
Reference library
Official (start here):
- Get started with UI Toolkit — Unity Manual
- Introduction to UI Toolkit — Unity 6 Manual
- Getting started with UI Toolkit — Unity Learn
- UI Toolkit Fundamentals — Unity Learn course
- Make a Health Bar with UI Toolkit — Unity Learn
- USS Pseudo-classes — Unity Manual
- UI Toolkit for advanced developers — best practice guide
Sample projects worth dissecting:
- Dragon Crashers — official UI Toolkit sample (Asset Store) and its mini manual
- QuizU and other official UI Toolkit demos — Unity blog
- Create scalable and performant UI with UI Toolkit in Unity 6 — Unity e-book
Good video introductions:
- Get started with UI Toolkit in Unity (official)
- UI Toolkit Beginner's Guide: Layout & Style
- Unity UI Toolkit Guide — Game Dev Guide
Next: 01 - What Is UI Toolkit