From 28f7a645421ba66cc00d7a0548714c83962497bb Mon Sep 17 00:00:00 2001
From: "Simon (Darkside) Jackson" <darkside@zenithmoon.com>
Date: Sun, 2 Aug 2026 17:06:26 +0100
Subject: [PATCH 1/5] Validate styles and add example editor controls

---
 CHANGELOG.md                                  |  13 +
 Editor/ControlTemplates.meta                  |   8 +
 .../CircularImageButtonStarter.uxml           |   7 +
 .../CircularImageButtonStarter.uxml.meta      |  10 +
 .../CollapsibleSectionStarter.uxml            |   7 +
 .../CollapsibleSectionStarter.uxml.meta       |  10 +
 .../ColorToggleButtonStarter.uxml             |   6 +
 .../ColorToggleButtonStarter.uxml.meta        |  10 +
 .../ColorToggleGroupStarter.uxml              |   6 +
 .../ColorToggleGroupStarter.uxml.meta         |  10 +
 .../ComingSoonMessageStarter.uxml             |   6 +
 .../ComingSoonMessageStarter.uxml.meta        |  10 +
 .../DropDownControlStarter.uxml               |   7 +
 .../DropDownControlStarter.uxml.meta          |  10 +
 .../ElasticListViewStarter.uxml               |   7 +
 .../ElasticListViewStarter.uxml.meta          |  10 +
 .../GrayscaleImageStarter.uxml                |   7 +
 .../GrayscaleImageStarter.uxml.meta           |  10 +
 .../IconLabelButtonStarter.uxml               |   7 +
 .../IconLabelButtonStarter.uxml.meta          |  10 +
 .../ControlTemplates/LoadingIconStarter.uxml  |   8 +
 .../LoadingIconStarter.uxml.meta              |  10 +
 .../NotificationBadgeStarter.uxml             |   6 +
 .../NotificationBadgeStarter.uxml.meta        |  10 +
 .../PageDotIndicatorStarter.uxml              |   6 +
 .../PageDotIndicatorStarter.uxml.meta         |  10 +
 .../ControlTemplates/PillButtonStarter.uxml   |   6 +
 .../PillButtonStarter.uxml.meta               |  10 +
 .../PillInputFieldStarter.uxml                |   6 +
 .../PillInputFieldStarter.uxml.meta           |  10 +
 .../ControlTemplates/PillSelectorStarter.uxml |   7 +
 .../PillSelectorStarter.uxml.meta             |  10 +
 .../QuadrantStepperStarter.uxml               |   6 +
 .../QuadrantStepperStarter.uxml.meta          |  10 +
 .../RoundedInputFieldStarter.uxml             |   6 +
 .../RoundedInputFieldStarter.uxml.meta        |  10 +
 .../ControlTemplates/ScreenHeaderStarter.uxml |   7 +
 .../ScreenHeaderStarter.uxml.meta             |  10 +
 .../ControlTemplates/ScrollSnapStarter.uxml   |  16 +
 .../ScrollSnapStarter.uxml.meta               |  10 +
 .../SocialLinkContainerStarter.uxml           |   6 +
 .../SocialLinkContainerStarter.uxml.meta      |  10 +
 .../StarterTemplateStyles.uss                 |  14 +
 .../StarterTemplateStyles.uss.meta            |  10 +
 .../StepProgressBarStarter.uxml               |   6 +
 .../StepProgressBarStarter.uxml.meta          |  10 +
 .../ControlTemplates/ToggleButtonStarter.uxml |   7 +
 .../ToggleButtonStarter.uxml.meta             |  10 +
 Editor/DumbScript.cs                          |  16 -
 Editor/DumbScript.cs.meta                     |   2 -
 Editor/UIToolkitExtensionsMenuOptions.cs      | 294 ++++++++++++++++++
 Editor/UIToolkitExtensionsMenuOptions.cs.meta |  11 +
 Editor/UnityUIToolkitExtensions.Editor.asmdef |   2 -
 Examples~                                     |   2 +-
 .../CircularImageButton.cs                    |   1 +
 .../CollapsibleSection/CollapsibleSection.cs  |   1 +
 .../ColorToggleButton/ColorToggleButton.cs    |   1 +
 .../ColorToggleGroup/ColorToggleGroup.cs      |   1 +
 .../ComingSoonMessage/ComingSoonMessage.cs    |   1 +
 .../DropDownControl/DropDownControl.cs        |   5 +
 .../DropDownMenuControl.cs                    |   4 +
 .../ElasticListView/ElasticListView.cs        |   1 +
 .../Controls/GrayscaleImage/GrayscaleImage.cs |   1 +
 .../IconLabelButton/IconLabelButton.cs        |   1 +
 .../ImageCropOverlayControl.cs                |   3 +
 Runtime/Controls/LoadingIcon/LoadingIcon.cs   |   1 +
 .../NotificationBadge/NotificationBadge.cs    |   1 +
 .../PageDotIndicator/PageDotIndicator.cs      |   1 +
 Runtime/Controls/PillButton/PillButton.cs     |   1 +
 .../Controls/PillInputField/PillInputField.cs |   1 +
 Runtime/Controls/PillSelector/PillSelector.cs |   1 +
 .../RoundedInputField/RoundedInputField.cs    |   1 +
 Runtime/Controls/ScreenHeader/ScreenHeader.cs |   1 +
 Runtime/Controls/ScrollSnap/ScrollSnap.cs     |   1 +
 .../SocialLinkContainer.cs                    |   1 +
 .../StepProgressBar/StepProgressBar.cs        |   1 +
 Runtime/Controls/Stepper/QuadrantStepper.cs   |   1 +
 Runtime/Controls/ToggleButton/ToggleButton.cs |   1 +
 Runtime/Extensions/UIToolkitExtensions.cs     |  43 +++
 Runtime/UnityUIToolkitExtensions.asmdef       |   4 +-
 package.json                                  |   2 +-
 81 files changed, 802 insertions(+), 25 deletions(-)
 create mode 100644 Editor/ControlTemplates.meta
 create mode 100644 Editor/ControlTemplates/CircularImageButtonStarter.uxml
 create mode 100644 Editor/ControlTemplates/CircularImageButtonStarter.uxml.meta
 create mode 100644 Editor/ControlTemplates/CollapsibleSectionStarter.uxml
 create mode 100644 Editor/ControlTemplates/CollapsibleSectionStarter.uxml.meta
 create mode 100644 Editor/ControlTemplates/ColorToggleButtonStarter.uxml
 create mode 100644 Editor/ControlTemplates/ColorToggleButtonStarter.uxml.meta
 create mode 100644 Editor/ControlTemplates/ColorToggleGroupStarter.uxml
 create mode 100644 Editor/ControlTemplates/ColorToggleGroupStarter.uxml.meta
 create mode 100644 Editor/ControlTemplates/ComingSoonMessageStarter.uxml
 create mode 100644 Editor/ControlTemplates/ComingSoonMessageStarter.uxml.meta
 create mode 100644 Editor/ControlTemplates/DropDownControlStarter.uxml
 create mode 100644 Editor/ControlTemplates/DropDownControlStarter.uxml.meta
 create mode 100644 Editor/ControlTemplates/ElasticListViewStarter.uxml
 create mode 100644 Editor/ControlTemplates/ElasticListViewStarter.uxml.meta
 create mode 100644 Editor/ControlTemplates/GrayscaleImageStarter.uxml
 create mode 100644 Editor/ControlTemplates/GrayscaleImageStarter.uxml.meta
 create mode 100644 Editor/ControlTemplates/IconLabelButtonStarter.uxml
 create mode 100644 Editor/ControlTemplates/IconLabelButtonStarter.uxml.meta
 create mode 100644 Editor/ControlTemplates/LoadingIconStarter.uxml
 create mode 100644 Editor/ControlTemplates/LoadingIconStarter.uxml.meta
 create mode 100644 Editor/ControlTemplates/NotificationBadgeStarter.uxml
 create mode 100644 Editor/ControlTemplates/NotificationBadgeStarter.uxml.meta
 create mode 100644 Editor/ControlTemplates/PageDotIndicatorStarter.uxml
 create mode 100644 Editor/ControlTemplates/PageDotIndicatorStarter.uxml.meta
 create mode 100644 Editor/ControlTemplates/PillButtonStarter.uxml
 create mode 100644 Editor/ControlTemplates/PillButtonStarter.uxml.meta
 create mode 100644 Editor/ControlTemplates/PillInputFieldStarter.uxml
 create mode 100644 Editor/ControlTemplates/PillInputFieldStarter.uxml.meta
 create mode 100644 Editor/ControlTemplates/PillSelectorStarter.uxml
 create mode 100644 Editor/ControlTemplates/PillSelectorStarter.uxml.meta
 create mode 100644 Editor/ControlTemplates/QuadrantStepperStarter.uxml
 create mode 100644 Editor/ControlTemplates/QuadrantStepperStarter.uxml.meta
 create mode 100644 Editor/ControlTemplates/RoundedInputFieldStarter.uxml
 create mode 100644 Editor/ControlTemplates/RoundedInputFieldStarter.uxml.meta
 create mode 100644 Editor/ControlTemplates/ScreenHeaderStarter.uxml
 create mode 100644 Editor/ControlTemplates/ScreenHeaderStarter.uxml.meta
 create mode 100644 Editor/ControlTemplates/ScrollSnapStarter.uxml
 create mode 100644 Editor/ControlTemplates/ScrollSnapStarter.uxml.meta
 create mode 100644 Editor/ControlTemplates/SocialLinkContainerStarter.uxml
 create mode 100644 Editor/ControlTemplates/SocialLinkContainerStarter.uxml.meta
 create mode 100644 Editor/ControlTemplates/StarterTemplateStyles.uss
 create mode 100644 Editor/ControlTemplates/StarterTemplateStyles.uss.meta
 create mode 100644 Editor/ControlTemplates/StepProgressBarStarter.uxml
 create mode 100644 Editor/ControlTemplates/StepProgressBarStarter.uxml.meta
 create mode 100644 Editor/ControlTemplates/ToggleButtonStarter.uxml
 create mode 100644 Editor/ControlTemplates/ToggleButtonStarter.uxml.meta
 delete mode 100644 Editor/DumbScript.cs
 delete mode 100644 Editor/DumbScript.cs.meta
 create mode 100644 Editor/UIToolkitExtensionsMenuOptions.cs
 create mode 100644 Editor/UIToolkitExtensionsMenuOptions.cs.meta

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6ae6374..22f5fbb 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,19 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](http://keepachangelog.com/).
 
+## [Unreleased]
+
+### Added
+
+- **Editor menu integration** — a new `GameObject/UI Toolkit/Extensions` menu adds any of the 22 UXML-placeable controls to the scene in basic form with demo content, automatically creating a `UIDocument` and `PanelSettings` (with the default runtime theme) if the scene has none. The UI Toolkit counterpart of the uGUI Extensions `GameObject/UI/Extensions` menu.
+- **Starter templates** — per-control starter UXML templates with demo content, also available from `Assets/Create/UI Toolkit/Extensions` for dropping into existing documents. Instantiated copies are placed under `Assets/UI Toolkit Extensions` so they remain freely editable.
+- **Self-applying control styles** — while authoring (UI Builder) and in Play Mode, controls attach the shared extensions stylesheet automatically on construction, so they render correctly without manually referencing the stylesheet. Overlay controls (`DropDownControl`, `DropDownMenuControl`, `ImageCropOverlayControl`) also style their root-attached panels directly. In player builds, styling comes from the explicit stylesheet references in the starter templates and from the theme generated by the editor menu (which imports the shared stylesheet panel-wide).
+
+### Changed
+
+- Package dependency corrected from the deprecated `com.unity.ui` preview package to the built-in `com.unity.modules.uielements` module.
+- Removed leftover uGUI assembly references from the Runtime and Editor assembly definitions, and the placeholder `DumbScript` from the Editor assembly.
+
 ## Release 1.0.0 - Launch - 2026/06
 
 The first release of **Unity UI Toolkit Extensions** — a brand-new companion to the long-running uGUI Extensions library, built from the ground up for Unity 6 and the UI Toolkit (UITK) system.
diff --git a/Editor/ControlTemplates.meta b/Editor/ControlTemplates.meta
new file mode 100644
index 0000000..69be819
--- /dev/null
+++ b/Editor/ControlTemplates.meta
@@ -0,0 +1,8 @@
+fileFormatVersion: 2
+guid: d2af0b38f3e541e6a4d002fef9372a8b
+folderAsset: yes
+DefaultImporter:
+  externalObjects: {}
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
\ No newline at end of file
diff --git a/Editor/ControlTemplates/CircularImageButtonStarter.uxml b/Editor/ControlTemplates/CircularImageButtonStarter.uxml
new file mode 100644
index 0000000..05da6cd
--- /dev/null
+++ b/Editor/ControlTemplates/CircularImageButtonStarter.uxml
@@ -0,0 +1,7 @@
+<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:ext="UnityUIToolkit.Extensions" editor-extension-mode="False">
+    <Style src="project://database/Packages/com.unity.uitoolkitextensions/Runtime/Styles/UIToolkitExtensionsControlStyles.uss" />
+    <Style src="project://database/Packages/com.unity.uitoolkitextensions/Editor/ControlTemplates/StarterTemplateStyles.uss" />
+    <ui:VisualElement name="container" style="flex-grow: 1; align-items: center; justify-content: center;">
+        <ext:CircularImageButton upload-label="Upload Image" />
+    </ui:VisualElement>
+</ui:UXML>
diff --git a/Editor/ControlTemplates/CircularImageButtonStarter.uxml.meta b/Editor/ControlTemplates/CircularImageButtonStarter.uxml.meta
new file mode 100644
index 0000000..379558c
--- /dev/null
+++ b/Editor/ControlTemplates/CircularImageButtonStarter.uxml.meta
@@ -0,0 +1,10 @@
+fileFormatVersion: 2
+guid: 69bf9d43785a41e6899e32e3a71ac80c
+ScriptedImporter:
+  internalIDToNameTable: []
+  externalObjects: {}
+  serializedVersion: 2
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
+  script: {fileID: 13804, guid: 0000000000000000e000000000000000, type: 0}
\ No newline at end of file
diff --git a/Editor/ControlTemplates/CollapsibleSectionStarter.uxml b/Editor/ControlTemplates/CollapsibleSectionStarter.uxml
new file mode 100644
index 0000000..0b8bee1
--- /dev/null
+++ b/Editor/ControlTemplates/CollapsibleSectionStarter.uxml
@@ -0,0 +1,7 @@
+<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:ext="UnityUIToolkit.Extensions" editor-extension-mode="False">
+    <Style src="project://database/Packages/com.unity.uitoolkitextensions/Runtime/Styles/UIToolkitExtensionsControlStyles.uss" />
+    <Style src="project://database/Packages/com.unity.uitoolkitextensions/Editor/ControlTemplates/StarterTemplateStyles.uss" />
+    <ui:VisualElement name="container" style="flex-grow: 1; align-items: center; padding-top: 64px;">
+        <ext:CollapsibleSection title-text="Section Title" body-text="Collapsible body content goes here." style="width: 320px;" />
+    </ui:VisualElement>
+</ui:UXML>
diff --git a/Editor/ControlTemplates/CollapsibleSectionStarter.uxml.meta b/Editor/ControlTemplates/CollapsibleSectionStarter.uxml.meta
new file mode 100644
index 0000000..5292ebb
--- /dev/null
+++ b/Editor/ControlTemplates/CollapsibleSectionStarter.uxml.meta
@@ -0,0 +1,10 @@
+fileFormatVersion: 2
+guid: 3ab13d1bcdf74bc1b06f11f554b5aabb
+ScriptedImporter:
+  internalIDToNameTable: []
+  externalObjects: {}
+  serializedVersion: 2
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
+  script: {fileID: 13804, guid: 0000000000000000e000000000000000, type: 0}
\ No newline at end of file
diff --git a/Editor/ControlTemplates/ColorToggleButtonStarter.uxml b/Editor/ControlTemplates/ColorToggleButtonStarter.uxml
new file mode 100644
index 0000000..d62f561
--- /dev/null
+++ b/Editor/ControlTemplates/ColorToggleButtonStarter.uxml
@@ -0,0 +1,6 @@
+<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:ext="UnityUIToolkit.Extensions" editor-extension-mode="False">
+    <Style src="project://database/Packages/com.unity.uitoolkitextensions/Runtime/Styles/UIToolkitExtensionsControlStyles.uss" />
+    <ui:VisualElement name="container" style="flex-grow: 1; align-items: center; justify-content: center;">
+        <ext:ColorToggleButton tint-color="#FF5A5A" selected-tint-color="#FF9090" />
+    </ui:VisualElement>
+</ui:UXML>
diff --git a/Editor/ControlTemplates/ColorToggleButtonStarter.uxml.meta b/Editor/ControlTemplates/ColorToggleButtonStarter.uxml.meta
new file mode 100644
index 0000000..b8c78f7
--- /dev/null
+++ b/Editor/ControlTemplates/ColorToggleButtonStarter.uxml.meta
@@ -0,0 +1,10 @@
+fileFormatVersion: 2
+guid: ba737b1ead6f451f9774421791e62cbc
+ScriptedImporter:
+  internalIDToNameTable: []
+  externalObjects: {}
+  serializedVersion: 2
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
+  script: {fileID: 13804, guid: 0000000000000000e000000000000000, type: 0}
\ No newline at end of file
diff --git a/Editor/ControlTemplates/ColorToggleGroupStarter.uxml b/Editor/ControlTemplates/ColorToggleGroupStarter.uxml
new file mode 100644
index 0000000..029acfe
--- /dev/null
+++ b/Editor/ControlTemplates/ColorToggleGroupStarter.uxml
@@ -0,0 +1,6 @@
+<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:ext="UnityUIToolkit.Extensions" editor-extension-mode="False">
+    <Style src="project://database/Packages/com.unity.uitoolkitextensions/Runtime/Styles/UIToolkitExtensionsControlStyles.uss" />
+    <ui:VisualElement name="container" style="flex-grow: 1; align-items: center; justify-content: center;">
+        <ext:ColorToggleGroup alignment="Row" colors="#FF5A5A,#FFB13D,#4DD08C,#4D9FFF,#B36BFF" />
+    </ui:VisualElement>
+</ui:UXML>
diff --git a/Editor/ControlTemplates/ColorToggleGroupStarter.uxml.meta b/Editor/ControlTemplates/ColorToggleGroupStarter.uxml.meta
new file mode 100644
index 0000000..70a2f51
--- /dev/null
+++ b/Editor/ControlTemplates/ColorToggleGroupStarter.uxml.meta
@@ -0,0 +1,10 @@
+fileFormatVersion: 2
+guid: 82a17b32ce0043bd9886674577781f57
+ScriptedImporter:
+  internalIDToNameTable: []
+  externalObjects: {}
+  serializedVersion: 2
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
+  script: {fileID: 13804, guid: 0000000000000000e000000000000000, type: 0}
\ No newline at end of file
diff --git a/Editor/ControlTemplates/ComingSoonMessageStarter.uxml b/Editor/ControlTemplates/ComingSoonMessageStarter.uxml
new file mode 100644
index 0000000..68ada3a
--- /dev/null
+++ b/Editor/ControlTemplates/ComingSoonMessageStarter.uxml
@@ -0,0 +1,6 @@
+<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:ext="UnityUIToolkit.Extensions" editor-extension-mode="False">
+    <Style src="project://database/Packages/com.unity.uitoolkitextensions/Runtime/Styles/UIToolkitExtensionsControlStyles.uss" />
+    <ui:VisualElement name="container" style="flex-grow: 1; align-items: center; justify-content: center;">
+        <ext:ComingSoonMessage title="Coming Soon" message="This feature is on its way. Stay tuned!" />
+    </ui:VisualElement>
+</ui:UXML>
diff --git a/Editor/ControlTemplates/ComingSoonMessageStarter.uxml.meta b/Editor/ControlTemplates/ComingSoonMessageStarter.uxml.meta
new file mode 100644
index 0000000..f3446c0
--- /dev/null
+++ b/Editor/ControlTemplates/ComingSoonMessageStarter.uxml.meta
@@ -0,0 +1,10 @@
+fileFormatVersion: 2
+guid: 4e135d3355ef49ceb92d8fedbb69d33f
+ScriptedImporter:
+  internalIDToNameTable: []
+  externalObjects: {}
+  serializedVersion: 2
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
+  script: {fileID: 13804, guid: 0000000000000000e000000000000000, type: 0}
\ No newline at end of file
diff --git a/Editor/ControlTemplates/DropDownControlStarter.uxml b/Editor/ControlTemplates/DropDownControlStarter.uxml
new file mode 100644
index 0000000..c1fcd4a
--- /dev/null
+++ b/Editor/ControlTemplates/DropDownControlStarter.uxml
@@ -0,0 +1,7 @@
+<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:ext="UnityUIToolkit.Extensions" editor-extension-mode="False">
+    <Style src="project://database/Packages/com.unity.uitoolkitextensions/Runtime/Styles/UIToolkitExtensionsControlStyles.uss" />
+    <Style src="project://database/Packages/com.unity.uitoolkitextensions/Editor/ControlTemplates/StarterTemplateStyles.uss" />
+    <ui:VisualElement name="container" style="flex-grow: 1; align-items: center; justify-content: center;">
+        <ext:DropDownControl items="Option One,Option Two,Option Three,Option Four,Option Five" />
+    </ui:VisualElement>
+</ui:UXML>
diff --git a/Editor/ControlTemplates/DropDownControlStarter.uxml.meta b/Editor/ControlTemplates/DropDownControlStarter.uxml.meta
new file mode 100644
index 0000000..9c5008d
--- /dev/null
+++ b/Editor/ControlTemplates/DropDownControlStarter.uxml.meta
@@ -0,0 +1,10 @@
+fileFormatVersion: 2
+guid: 2b0448453bb04bcbba6b6a936eef9935
+ScriptedImporter:
+  internalIDToNameTable: []
+  externalObjects: {}
+  serializedVersion: 2
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
+  script: {fileID: 13804, guid: 0000000000000000e000000000000000, type: 0}
\ No newline at end of file
diff --git a/Editor/ControlTemplates/ElasticListViewStarter.uxml b/Editor/ControlTemplates/ElasticListViewStarter.uxml
new file mode 100644
index 0000000..0930bab
--- /dev/null
+++ b/Editor/ControlTemplates/ElasticListViewStarter.uxml
@@ -0,0 +1,7 @@
+<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:ext="UnityUIToolkit.Extensions" editor-extension-mode="False">
+    <Style src="project://database/Packages/com.unity.uitoolkitextensions/Runtime/Styles/UIToolkitExtensionsControlStyles.uss" />
+    <ui:VisualElement name="container" style="flex-grow: 1; align-items: center; justify-content: center;">
+        <!-- Items are supplied from code via AddItem()/SetItems(); the empty-state label shows until then. -->
+        <ext:ElasticListView empty-text="No items yet - add some from code." style="width: 320px; height: 240px;" />
+    </ui:VisualElement>
+</ui:UXML>
diff --git a/Editor/ControlTemplates/ElasticListViewStarter.uxml.meta b/Editor/ControlTemplates/ElasticListViewStarter.uxml.meta
new file mode 100644
index 0000000..7c604db
--- /dev/null
+++ b/Editor/ControlTemplates/ElasticListViewStarter.uxml.meta
@@ -0,0 +1,10 @@
+fileFormatVersion: 2
+guid: 597d91ba7f9c4742adb022919adc87ea
+ScriptedImporter:
+  internalIDToNameTable: []
+  externalObjects: {}
+  serializedVersion: 2
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
+  script: {fileID: 13804, guid: 0000000000000000e000000000000000, type: 0}
\ No newline at end of file
diff --git a/Editor/ControlTemplates/GrayscaleImageStarter.uxml b/Editor/ControlTemplates/GrayscaleImageStarter.uxml
new file mode 100644
index 0000000..b74996e
--- /dev/null
+++ b/Editor/ControlTemplates/GrayscaleImageStarter.uxml
@@ -0,0 +1,7 @@
+<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:ext="UnityUIToolkit.Extensions" editor-extension-mode="False">
+    <Style src="project://database/Packages/com.unity.uitoolkitextensions/Runtime/Styles/UIToolkitExtensionsControlStyles.uss" />
+    <ui:VisualElement name="container" style="flex-grow: 1; align-items: center; justify-content: center;">
+        <!-- Assign a sprite and a greyscale material in the Inspector or from code; renders blank until then. -->
+        <ext:GrayscaleImage scale-mode="ScaleToFit" greyscale-enabled="true" style="width: 200px; height: 200px;" />
+    </ui:VisualElement>
+</ui:UXML>
diff --git a/Editor/ControlTemplates/GrayscaleImageStarter.uxml.meta b/Editor/ControlTemplates/GrayscaleImageStarter.uxml.meta
new file mode 100644
index 0000000..315dae2
--- /dev/null
+++ b/Editor/ControlTemplates/GrayscaleImageStarter.uxml.meta
@@ -0,0 +1,10 @@
+fileFormatVersion: 2
+guid: fb96a2cbd60941388dbc7e4b362051f8
+ScriptedImporter:
+  internalIDToNameTable: []
+  externalObjects: {}
+  serializedVersion: 2
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
+  script: {fileID: 13804, guid: 0000000000000000e000000000000000, type: 0}
\ No newline at end of file
diff --git a/Editor/ControlTemplates/IconLabelButtonStarter.uxml b/Editor/ControlTemplates/IconLabelButtonStarter.uxml
new file mode 100644
index 0000000..4d38b2f
--- /dev/null
+++ b/Editor/ControlTemplates/IconLabelButtonStarter.uxml
@@ -0,0 +1,7 @@
+<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:ext="UnityUIToolkit.Extensions" editor-extension-mode="False">
+    <Style src="project://database/Packages/com.unity.uitoolkitextensions/Runtime/Styles/UIToolkitExtensionsControlStyles.uss" />
+    <Style src="project://database/Packages/com.unity.uitoolkitextensions/Editor/ControlTemplates/StarterTemplateStyles.uss" />
+    <ui:VisualElement name="container" style="flex-grow: 1; align-items: center; justify-content: center;">
+        <ext:IconLabelButton text="Click Me!" />
+    </ui:VisualElement>
+</ui:UXML>
diff --git a/Editor/ControlTemplates/IconLabelButtonStarter.uxml.meta b/Editor/ControlTemplates/IconLabelButtonStarter.uxml.meta
new file mode 100644
index 0000000..6beb2b9
--- /dev/null
+++ b/Editor/ControlTemplates/IconLabelButtonStarter.uxml.meta
@@ -0,0 +1,10 @@
+fileFormatVersion: 2
+guid: 1b3184d2d1f04fafa88ae973d199ec7e
+ScriptedImporter:
+  internalIDToNameTable: []
+  externalObjects: {}
+  serializedVersion: 2
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
+  script: {fileID: 13804, guid: 0000000000000000e000000000000000, type: 0}
\ No newline at end of file
diff --git a/Editor/ControlTemplates/LoadingIconStarter.uxml b/Editor/ControlTemplates/LoadingIconStarter.uxml
new file mode 100644
index 0000000..154c12f
--- /dev/null
+++ b/Editor/ControlTemplates/LoadingIconStarter.uxml
@@ -0,0 +1,8 @@
+<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:ext="UnityUIToolkit.Extensions" editor-extension-mode="False">
+    <Style src="project://database/Packages/com.unity.uitoolkitextensions/Runtime/Styles/UIToolkitExtensionsControlStyles.uss" />
+    <Style src="project://database/Packages/com.unity.uitoolkitextensions/Editor/ControlTemplates/StarterTemplateStyles.uss" />
+    <ui:VisualElement name="container" style="flex-grow: 1; align-items: center; justify-content: center;">
+        <!-- Hidden until PlayLoading() is called from code; assign an icon texture for the spinner visual. -->
+        <ext:LoadingIcon name="loading-icon" />
+    </ui:VisualElement>
+</ui:UXML>
diff --git a/Editor/ControlTemplates/LoadingIconStarter.uxml.meta b/Editor/ControlTemplates/LoadingIconStarter.uxml.meta
new file mode 100644
index 0000000..b71cb8b
--- /dev/null
+++ b/Editor/ControlTemplates/LoadingIconStarter.uxml.meta
@@ -0,0 +1,10 @@
+fileFormatVersion: 2
+guid: 6c75c5d0dd20406cae631abf62569c75
+ScriptedImporter:
+  internalIDToNameTable: []
+  externalObjects: {}
+  serializedVersion: 2
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
+  script: {fileID: 13804, guid: 0000000000000000e000000000000000, type: 0}
\ No newline at end of file
diff --git a/Editor/ControlTemplates/NotificationBadgeStarter.uxml b/Editor/ControlTemplates/NotificationBadgeStarter.uxml
new file mode 100644
index 0000000..eb50773
--- /dev/null
+++ b/Editor/ControlTemplates/NotificationBadgeStarter.uxml
@@ -0,0 +1,6 @@
+<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:ext="UnityUIToolkit.Extensions" editor-extension-mode="False">
+    <Style src="project://database/Packages/com.unity.uitoolkitextensions/Runtime/Styles/UIToolkitExtensionsControlStyles.uss" />
+    <ui:VisualElement name="container" style="flex-grow: 1; align-items: center; justify-content: center;">
+        <ext:NotificationBadge count="3" />
+    </ui:VisualElement>
+</ui:UXML>
diff --git a/Editor/ControlTemplates/NotificationBadgeStarter.uxml.meta b/Editor/ControlTemplates/NotificationBadgeStarter.uxml.meta
new file mode 100644
index 0000000..069bb10
--- /dev/null
+++ b/Editor/ControlTemplates/NotificationBadgeStarter.uxml.meta
@@ -0,0 +1,10 @@
+fileFormatVersion: 2
+guid: dd32eb2ecc0b4fb2bb2c9bac5fb17323
+ScriptedImporter:
+  internalIDToNameTable: []
+  externalObjects: {}
+  serializedVersion: 2
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
+  script: {fileID: 13804, guid: 0000000000000000e000000000000000, type: 0}
\ No newline at end of file
diff --git a/Editor/ControlTemplates/PageDotIndicatorStarter.uxml b/Editor/ControlTemplates/PageDotIndicatorStarter.uxml
new file mode 100644
index 0000000..1d2225e
--- /dev/null
+++ b/Editor/ControlTemplates/PageDotIndicatorStarter.uxml
@@ -0,0 +1,6 @@
+<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:ext="UnityUIToolkit.Extensions" editor-extension-mode="False">
+    <Style src="project://database/Packages/com.unity.uitoolkitextensions/Runtime/Styles/UIToolkitExtensionsControlStyles.uss" />
+    <ui:VisualElement name="container" style="flex-grow: 1; align-items: center; justify-content: center;">
+        <ext:PageDotIndicator current-page="1" total-pages="5" completed-color="#FFFFFF" pending-color="#44506A" />
+    </ui:VisualElement>
+</ui:UXML>
diff --git a/Editor/ControlTemplates/PageDotIndicatorStarter.uxml.meta b/Editor/ControlTemplates/PageDotIndicatorStarter.uxml.meta
new file mode 100644
index 0000000..c83bd3a
--- /dev/null
+++ b/Editor/ControlTemplates/PageDotIndicatorStarter.uxml.meta
@@ -0,0 +1,10 @@
+fileFormatVersion: 2
+guid: 22c1b9cbe17545398f868fdd874e0d1e
+ScriptedImporter:
+  internalIDToNameTable: []
+  externalObjects: {}
+  serializedVersion: 2
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
+  script: {fileID: 13804, guid: 0000000000000000e000000000000000, type: 0}
\ No newline at end of file
diff --git a/Editor/ControlTemplates/PillButtonStarter.uxml b/Editor/ControlTemplates/PillButtonStarter.uxml
new file mode 100644
index 0000000..c3e3833
--- /dev/null
+++ b/Editor/ControlTemplates/PillButtonStarter.uxml
@@ -0,0 +1,6 @@
+<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:ext="UnityUIToolkit.Extensions" editor-extension-mode="False">
+    <Style src="project://database/Packages/com.unity.uitoolkitextensions/Runtime/Styles/UIToolkitExtensionsControlStyles.uss" />
+    <ui:VisualElement name="container" style="flex-grow: 1; align-items: center; justify-content: center;">
+        <ext:PillButton text="Click Me!" inner-color="#4A90E2" outer-color="#7B68EE" />
+    </ui:VisualElement>
+</ui:UXML>
diff --git a/Editor/ControlTemplates/PillButtonStarter.uxml.meta b/Editor/ControlTemplates/PillButtonStarter.uxml.meta
new file mode 100644
index 0000000..16a4cc0
--- /dev/null
+++ b/Editor/ControlTemplates/PillButtonStarter.uxml.meta
@@ -0,0 +1,10 @@
+fileFormatVersion: 2
+guid: 751295301b3145ab9126aecf743a6c81
+ScriptedImporter:
+  internalIDToNameTable: []
+  externalObjects: {}
+  serializedVersion: 2
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
+  script: {fileID: 13804, guid: 0000000000000000e000000000000000, type: 0}
\ No newline at end of file
diff --git a/Editor/ControlTemplates/PillInputFieldStarter.uxml b/Editor/ControlTemplates/PillInputFieldStarter.uxml
new file mode 100644
index 0000000..a118f2e
--- /dev/null
+++ b/Editor/ControlTemplates/PillInputFieldStarter.uxml
@@ -0,0 +1,6 @@
+<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:ext="UnityUIToolkit.Extensions" editor-extension-mode="False">
+    <Style src="project://database/Packages/com.unity.uitoolkitextensions/Runtime/Styles/UIToolkitExtensionsControlStyles.uss" />
+    <ui:VisualElement name="container" style="flex-grow: 1; align-items: center; justify-content: center;">
+        <ext:PillInputField label="Email Address" placeholder="you@example.com" keyboard-type="EmailAddress" style="width: 320px;" />
+    </ui:VisualElement>
+</ui:UXML>
diff --git a/Editor/ControlTemplates/PillInputFieldStarter.uxml.meta b/Editor/ControlTemplates/PillInputFieldStarter.uxml.meta
new file mode 100644
index 0000000..bb6edc1
--- /dev/null
+++ b/Editor/ControlTemplates/PillInputFieldStarter.uxml.meta
@@ -0,0 +1,10 @@
+fileFormatVersion: 2
+guid: f84bc1aaa87c4d76891c2e04fb5855ff
+ScriptedImporter:
+  internalIDToNameTable: []
+  externalObjects: {}
+  serializedVersion: 2
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
+  script: {fileID: 13804, guid: 0000000000000000e000000000000000, type: 0}
\ No newline at end of file
diff --git a/Editor/ControlTemplates/PillSelectorStarter.uxml b/Editor/ControlTemplates/PillSelectorStarter.uxml
new file mode 100644
index 0000000..6f21867
--- /dev/null
+++ b/Editor/ControlTemplates/PillSelectorStarter.uxml
@@ -0,0 +1,7 @@
+<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:ext="UnityUIToolkit.Extensions" editor-extension-mode="False">
+    <Style src="project://database/Packages/com.unity.uitoolkitextensions/Runtime/Styles/UIToolkitExtensionsControlStyles.uss" />
+    <Style src="project://database/Packages/com.unity.uitoolkitextensions/Editor/ControlTemplates/StarterTemplateStyles.uss" />
+    <ui:VisualElement name="container" style="flex-grow: 1; align-items: center; justify-content: center;">
+        <ext:PillSelector label="Category" value="Select an option" style="width: 320px;" />
+    </ui:VisualElement>
+</ui:UXML>
diff --git a/Editor/ControlTemplates/PillSelectorStarter.uxml.meta b/Editor/ControlTemplates/PillSelectorStarter.uxml.meta
new file mode 100644
index 0000000..7686429
--- /dev/null
+++ b/Editor/ControlTemplates/PillSelectorStarter.uxml.meta
@@ -0,0 +1,10 @@
+fileFormatVersion: 2
+guid: ae1b268989a547ebbef0f6de150eaffb
+ScriptedImporter:
+  internalIDToNameTable: []
+  externalObjects: {}
+  serializedVersion: 2
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
+  script: {fileID: 13804, guid: 0000000000000000e000000000000000, type: 0}
\ No newline at end of file
diff --git a/Editor/ControlTemplates/QuadrantStepperStarter.uxml b/Editor/ControlTemplates/QuadrantStepperStarter.uxml
new file mode 100644
index 0000000..c65778f
--- /dev/null
+++ b/Editor/ControlTemplates/QuadrantStepperStarter.uxml
@@ -0,0 +1,6 @@
+<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:ext="UnityUIToolkit.Extensions" editor-extension-mode="False">
+    <Style src="project://database/Packages/com.unity.uitoolkitextensions/Runtime/Styles/UIToolkitExtensionsControlStyles.uss" />
+    <ui:VisualElement name="container" style="flex-grow: 1; align-items: center; justify-content: center;">
+        <ext:QuadrantStepper options="About,Goals,Settings,Done" />
+    </ui:VisualElement>
+</ui:UXML>
diff --git a/Editor/ControlTemplates/QuadrantStepperStarter.uxml.meta b/Editor/ControlTemplates/QuadrantStepperStarter.uxml.meta
new file mode 100644
index 0000000..3624c63
--- /dev/null
+++ b/Editor/ControlTemplates/QuadrantStepperStarter.uxml.meta
@@ -0,0 +1,10 @@
+fileFormatVersion: 2
+guid: 656731e9c84e4a02bc0f467c5fd02afc
+ScriptedImporter:
+  internalIDToNameTable: []
+  externalObjects: {}
+  serializedVersion: 2
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
+  script: {fileID: 13804, guid: 0000000000000000e000000000000000, type: 0}
\ No newline at end of file
diff --git a/Editor/ControlTemplates/RoundedInputFieldStarter.uxml b/Editor/ControlTemplates/RoundedInputFieldStarter.uxml
new file mode 100644
index 0000000..ee63101
--- /dev/null
+++ b/Editor/ControlTemplates/RoundedInputFieldStarter.uxml
@@ -0,0 +1,6 @@
+<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:ext="UnityUIToolkit.Extensions" editor-extension-mode="False">
+    <Style src="project://database/Packages/com.unity.uitoolkitextensions/Runtime/Styles/UIToolkitExtensionsControlStyles.uss" />
+    <ui:VisualElement name="container" style="flex-grow: 1; align-items: center; justify-content: center;">
+        <ext:RoundedInputField placeholder="Type something..." style="width: 320px;" />
+    </ui:VisualElement>
+</ui:UXML>
diff --git a/Editor/ControlTemplates/RoundedInputFieldStarter.uxml.meta b/Editor/ControlTemplates/RoundedInputFieldStarter.uxml.meta
new file mode 100644
index 0000000..ccd9182
--- /dev/null
+++ b/Editor/ControlTemplates/RoundedInputFieldStarter.uxml.meta
@@ -0,0 +1,10 @@
+fileFormatVersion: 2
+guid: e19350a1489747009f9283d2d51c3cd1
+ScriptedImporter:
+  internalIDToNameTable: []
+  externalObjects: {}
+  serializedVersion: 2
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
+  script: {fileID: 13804, guid: 0000000000000000e000000000000000, type: 0}
\ No newline at end of file
diff --git a/Editor/ControlTemplates/ScreenHeaderStarter.uxml b/Editor/ControlTemplates/ScreenHeaderStarter.uxml
new file mode 100644
index 0000000..12751af
--- /dev/null
+++ b/Editor/ControlTemplates/ScreenHeaderStarter.uxml
@@ -0,0 +1,7 @@
+<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:ext="UnityUIToolkit.Extensions" editor-extension-mode="False">
+    <Style src="project://database/Packages/com.unity.uitoolkitextensions/Runtime/Styles/UIToolkitExtensionsControlStyles.uss" />
+    <ui:VisualElement name="container" style="flex-grow: 1;">
+        <!-- Action button icons are Texture2D asset references; assign them in the Inspector or from code. -->
+        <ext:ScreenHeader title="My Screen" show-action1="true" show-action2="false" show-action3="true" show-action4-toggle="true" />
+    </ui:VisualElement>
+</ui:UXML>
diff --git a/Editor/ControlTemplates/ScreenHeaderStarter.uxml.meta b/Editor/ControlTemplates/ScreenHeaderStarter.uxml.meta
new file mode 100644
index 0000000..0ab0569
--- /dev/null
+++ b/Editor/ControlTemplates/ScreenHeaderStarter.uxml.meta
@@ -0,0 +1,10 @@
+fileFormatVersion: 2
+guid: 6515564757d24df6b8c216f49faa11f8
+ScriptedImporter:
+  internalIDToNameTable: []
+  externalObjects: {}
+  serializedVersion: 2
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
+  script: {fileID: 13804, guid: 0000000000000000e000000000000000, type: 0}
\ No newline at end of file
diff --git a/Editor/ControlTemplates/ScrollSnapStarter.uxml b/Editor/ControlTemplates/ScrollSnapStarter.uxml
new file mode 100644
index 0000000..ce17521
--- /dev/null
+++ b/Editor/ControlTemplates/ScrollSnapStarter.uxml
@@ -0,0 +1,16 @@
+<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:ext="UnityUIToolkit.Extensions" editor-extension-mode="False">
+    <Style src="project://database/Packages/com.unity.uitoolkitextensions/Runtime/Styles/UIToolkitExtensionsControlStyles.uss" />
+    <ui:VisualElement name="container" style="flex-grow: 1;">
+        <ext:ScrollSnap manual-movement-enabled="true" style="flex-grow: 1;">
+            <ui:VisualElement style="justify-content: center; align-items: center; background-color: #4A90E2;">
+                <ui:Label text="Page 1" style="font-size: 32px; color: #FFFFFF;" />
+            </ui:VisualElement>
+            <ui:VisualElement style="justify-content: center; align-items: center; background-color: #7B68EE;">
+                <ui:Label text="Page 2" style="font-size: 32px; color: #FFFFFF;" />
+            </ui:VisualElement>
+            <ui:VisualElement style="justify-content: center; align-items: center; background-color: #4DD08C;">
+                <ui:Label text="Page 3" style="font-size: 32px; color: #FFFFFF;" />
+            </ui:VisualElement>
+        </ext:ScrollSnap>
+    </ui:VisualElement>
+</ui:UXML>
diff --git a/Editor/ControlTemplates/ScrollSnapStarter.uxml.meta b/Editor/ControlTemplates/ScrollSnapStarter.uxml.meta
new file mode 100644
index 0000000..20fec5a
--- /dev/null
+++ b/Editor/ControlTemplates/ScrollSnapStarter.uxml.meta
@@ -0,0 +1,10 @@
+fileFormatVersion: 2
+guid: bfa76ba706aa4231a557595162a6e9bd
+ScriptedImporter:
+  internalIDToNameTable: []
+  externalObjects: {}
+  serializedVersion: 2
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
+  script: {fileID: 13804, guid: 0000000000000000e000000000000000, type: 0}
\ No newline at end of file
diff --git a/Editor/ControlTemplates/SocialLinkContainerStarter.uxml b/Editor/ControlTemplates/SocialLinkContainerStarter.uxml
new file mode 100644
index 0000000..a4a2a4e
--- /dev/null
+++ b/Editor/ControlTemplates/SocialLinkContainerStarter.uxml
@@ -0,0 +1,6 @@
+<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:ext="UnityUIToolkit.Extensions" editor-extension-mode="False">
+    <Style src="project://database/Packages/com.unity.uitoolkitextensions/Runtime/Styles/UIToolkitExtensionsControlStyles.uss" />
+    <ui:VisualElement name="container" style="flex-grow: 1; align-items: center; padding-top: 64px;">
+        <ext:SocialLinkContainer label="Your Profiles" edit-mode="true" style="width: 320px;" />
+    </ui:VisualElement>
+</ui:UXML>
diff --git a/Editor/ControlTemplates/SocialLinkContainerStarter.uxml.meta b/Editor/ControlTemplates/SocialLinkContainerStarter.uxml.meta
new file mode 100644
index 0000000..686fdc2
--- /dev/null
+++ b/Editor/ControlTemplates/SocialLinkContainerStarter.uxml.meta
@@ -0,0 +1,10 @@
+fileFormatVersion: 2
+guid: bbd08e19eefb4b699e76b28a10792aa1
+ScriptedImporter:
+  internalIDToNameTable: []
+  externalObjects: {}
+  serializedVersion: 2
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
+  script: {fileID: 13804, guid: 0000000000000000e000000000000000, type: 0}
\ No newline at end of file
diff --git a/Editor/ControlTemplates/StarterTemplateStyles.uss b/Editor/ControlTemplates/StarterTemplateStyles.uss
new file mode 100644
index 0000000..0b561ab
--- /dev/null
+++ b/Editor/ControlTemplates/StarterTemplateStyles.uss
@@ -0,0 +1,14 @@
+/* Starter-template icon overrides.
+   The starter scenes render on Unity's light default runtime theme, where the controls'
+   light icon tints (designed for the dark example cards) are invisible. These selectors
+   use two classes so they take precedence over the single-class rules in the shared
+   control stylesheet. Remove this reference from your copy if you restyle on a dark UI. */
+
+.iconLabelButton .iconLabelButton__icon,
+.collapsibleSection .collapsibleSection__chevron,
+.loadingIcon .loadingIcon__image,
+.pillSelector .pillSelector__icon,
+.circularImageButton .circularImageButton__icon,
+.dropDownControl .dropDownControl__triggerIcon {
+	-unity-background-image-tint-color: rgba(0, 0, 0, 1);
+}
diff --git a/Editor/ControlTemplates/StarterTemplateStyles.uss.meta b/Editor/ControlTemplates/StarterTemplateStyles.uss.meta
new file mode 100644
index 0000000..0a4de92
--- /dev/null
+++ b/Editor/ControlTemplates/StarterTemplateStyles.uss.meta
@@ -0,0 +1,10 @@
+fileFormatVersion: 2
+guid: d4c51049405542c8821b93be5b28b1cf
+ScriptedImporter:
+  internalIDToNameTable: []
+  externalObjects: {}
+  serializedVersion: 2
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
+  script: {fileID: 12385, guid: 0000000000000000e000000000000000, type: 0}
\ No newline at end of file
diff --git a/Editor/ControlTemplates/StepProgressBarStarter.uxml b/Editor/ControlTemplates/StepProgressBarStarter.uxml
new file mode 100644
index 0000000..3b28d40
--- /dev/null
+++ b/Editor/ControlTemplates/StepProgressBarStarter.uxml
@@ -0,0 +1,6 @@
+<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:ext="UnityUIToolkit.Extensions" editor-extension-mode="False">
+    <Style src="project://database/Packages/com.unity.uitoolkitextensions/Runtime/Styles/UIToolkitExtensionsControlStyles.uss" />
+    <ui:VisualElement name="container" style="flex-grow: 1; align-items: center; justify-content: center;">
+        <ext:StepProgressBar current-steps="2" max-steps="4" inner-color="#4A90E2" outer-color="#7B68EE" style="width: 320px;" />
+    </ui:VisualElement>
+</ui:UXML>
diff --git a/Editor/ControlTemplates/StepProgressBarStarter.uxml.meta b/Editor/ControlTemplates/StepProgressBarStarter.uxml.meta
new file mode 100644
index 0000000..aca7bf3
--- /dev/null
+++ b/Editor/ControlTemplates/StepProgressBarStarter.uxml.meta
@@ -0,0 +1,10 @@
+fileFormatVersion: 2
+guid: 53e4411aedc141c2ba3cdfa012ef51a4
+ScriptedImporter:
+  internalIDToNameTable: []
+  externalObjects: {}
+  serializedVersion: 2
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
+  script: {fileID: 13804, guid: 0000000000000000e000000000000000, type: 0}
\ No newline at end of file
diff --git a/Editor/ControlTemplates/ToggleButtonStarter.uxml b/Editor/ControlTemplates/ToggleButtonStarter.uxml
new file mode 100644
index 0000000..47530de
--- /dev/null
+++ b/Editor/ControlTemplates/ToggleButtonStarter.uxml
@@ -0,0 +1,7 @@
+<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:ext="UnityUIToolkit.Extensions" editor-extension-mode="False">
+    <Style src="project://database/Packages/com.unity.uitoolkitextensions/Runtime/Styles/UIToolkitExtensionsControlStyles.uss" />
+    <ui:VisualElement name="container" style="flex-grow: 1; align-items: center; justify-content: center;">
+        <!-- The image attribute is a Texture2D asset reference; assign it in the Inspector, from code, or style via USS. -->
+        <ext:ToggleButton style="width: 64px; height: 64px;" />
+    </ui:VisualElement>
+</ui:UXML>
diff --git a/Editor/ControlTemplates/ToggleButtonStarter.uxml.meta b/Editor/ControlTemplates/ToggleButtonStarter.uxml.meta
new file mode 100644
index 0000000..a7c45da
--- /dev/null
+++ b/Editor/ControlTemplates/ToggleButtonStarter.uxml.meta
@@ -0,0 +1,10 @@
+fileFormatVersion: 2
+guid: ff5936ff747944dc8ac8edee83ade393
+ScriptedImporter:
+  internalIDToNameTable: []
+  externalObjects: {}
+  serializedVersion: 2
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
+  script: {fileID: 13804, guid: 0000000000000000e000000000000000, type: 0}
\ No newline at end of file
diff --git a/Editor/DumbScript.cs b/Editor/DumbScript.cs
deleted file mode 100644
index b0c3297..0000000
--- a/Editor/DumbScript.cs
+++ /dev/null
@@ -1,16 +0,0 @@
-using UnityEngine;
-
-public class DumbScript : MonoBehaviour
-{
-    // Start is called once before the first execution of Update after the MonoBehaviour is created
-    void Start()
-    {
-        
-    }
-
-    // Update is called once per frame
-    void Update()
-    {
-        
-    }
-}
diff --git a/Editor/DumbScript.cs.meta b/Editor/DumbScript.cs.meta
deleted file mode 100644
index 4e7288b..0000000
--- a/Editor/DumbScript.cs.meta
+++ /dev/null
@@ -1,2 +0,0 @@
-fileFormatVersion: 2
-guid: 8182807fddc513041bab86e60a48f7a0
\ No newline at end of file
diff --git a/Editor/UIToolkitExtensionsMenuOptions.cs b/Editor/UIToolkitExtensionsMenuOptions.cs
new file mode 100644
index 0000000..ae570b1
--- /dev/null
+++ b/Editor/UIToolkitExtensionsMenuOptions.cs
@@ -0,0 +1,294 @@
+// Credit SimonDarksideJ
+
+using UnityEditor;
+using UnityEngine;
+using UnityEngine.UIElements;
+
+namespace UnityUIToolkit.Extensions.Editor
+{
+    /// <summary>
+    /// Adds the UI Toolkit Extensions menu options to the Unity Editor, the UI Toolkit
+    /// counterpart of the uGUI Extensions "GameObject/UI/Extensions" menu.
+    /// </summary>
+    /// <remarks>
+    /// Each "GameObject/UI Toolkit/Extensions" entry bootstraps the scene for UI Toolkit
+    /// (creating a UIDocument and PanelSettings where needed) and instantiates a starter
+    /// UXML template containing a basic, demo-content version of the chosen control that
+    /// the user can open and tweak in UI Builder.
+    /// The "Assets/Create/UI Toolkit/Extensions" entries copy just the starter UXML into
+    /// the active project folder for use in existing documents.
+    /// </remarks>
+    internal static class UIToolkitExtensionsMenuOptions
+    {
+        private const string TemplateRoot = "Packages/com.unity.uitoolkitextensions/Editor/ControlTemplates/";
+        private const string GeneratedAssetFolder = "Assets/UI Toolkit Extensions";
+        private const string PanelSettingsAssetPath = GeneratedAssetFolder + "/UIToolkitExtensionsPanelSettings.asset";
+        private const string ThemeAssetPath = GeneratedAssetFolder + "/UnityDefaultRuntimeTheme.tss";
+        private const string DefaultThemeContent =
+            "@import url(\"unity-theme://default\");\n" +
+            "@import url(\"/Packages/com.unity.uitoolkitextensions/Runtime/Styles/UIToolkitExtensionsControlStyles.uss\");\n";
+
+        #region GameObject menu entries
+        [MenuItem("GameObject/UI Toolkit/Extensions/Circular Image Button", false, 10)]
+        public static void AddCircularImageButton(MenuCommand menuCommand) => AddControl("CircularImageButton", menuCommand);
+
+        [MenuItem("GameObject/UI Toolkit/Extensions/Collapsible Section", false, 10)]
+        public static void AddCollapsibleSection(MenuCommand menuCommand) => AddControl("CollapsibleSection", menuCommand);
+
+        [MenuItem("GameObject/UI Toolkit/Extensions/Color Toggle Button", false, 10)]
+        public static void AddColorToggleButton(MenuCommand menuCommand) => AddControl("ColorToggleButton", menuCommand);
+
+        [MenuItem("GameObject/UI Toolkit/Extensions/Color Toggle Group", false, 10)]
+        public static void AddColorToggleGroup(MenuCommand menuCommand) => AddControl("ColorToggleGroup", menuCommand);
+
+        [MenuItem("GameObject/UI Toolkit/Extensions/Coming Soon Message", false, 10)]
+        public static void AddComingSoonMessage(MenuCommand menuCommand) => AddControl("ComingSoonMessage", menuCommand);
+
+        [MenuItem("GameObject/UI Toolkit/Extensions/Drop Down Control", false, 10)]
+        public static void AddDropDownControl(MenuCommand menuCommand) => AddControl("DropDownControl", menuCommand);
+
+        [MenuItem("GameObject/UI Toolkit/Extensions/Elastic List View", false, 10)]
+        public static void AddElasticListView(MenuCommand menuCommand) => AddControl("ElasticListView", menuCommand);
+
+        [MenuItem("GameObject/UI Toolkit/Extensions/Grayscale Image", false, 10)]
+        public static void AddGrayscaleImage(MenuCommand menuCommand) => AddControl("GrayscaleImage", menuCommand);
+
+        [MenuItem("GameObject/UI Toolkit/Extensions/Icon Label Button", false, 10)]
+        public static void AddIconLabelButton(MenuCommand menuCommand) => AddControl("IconLabelButton", menuCommand);
+
+        [MenuItem("GameObject/UI Toolkit/Extensions/Loading Icon", false, 10)]
+        public static void AddLoadingIcon(MenuCommand menuCommand) => AddControl("LoadingIcon", menuCommand);
+
+        [MenuItem("GameObject/UI Toolkit/Extensions/Notification Badge", false, 10)]
+        public static void AddNotificationBadge(MenuCommand menuCommand) => AddControl("NotificationBadge", menuCommand);
+
+        [MenuItem("GameObject/UI Toolkit/Extensions/Page Dot Indicator", false, 10)]
+        public static void AddPageDotIndicator(MenuCommand menuCommand) => AddControl("PageDotIndicator", menuCommand);
+
+        [MenuItem("GameObject/UI Toolkit/Extensions/Pill Button", false, 10)]
+        public static void AddPillButton(MenuCommand menuCommand) => AddControl("PillButton", menuCommand);
+
+        [MenuItem("GameObject/UI Toolkit/Extensions/Pill Input Field", false, 10)]
+        public static void AddPillInputField(MenuCommand menuCommand) => AddControl("PillInputField", menuCommand);
+
+        [MenuItem("GameObject/UI Toolkit/Extensions/Pill Selector", false, 10)]
+        public static void AddPillSelector(MenuCommand menuCommand) => AddControl("PillSelector", menuCommand);
+
+        [MenuItem("GameObject/UI Toolkit/Extensions/Rounded Input Field", false, 10)]
+        public static void AddRoundedInputField(MenuCommand menuCommand) => AddControl("RoundedInputField", menuCommand);
+
+        [MenuItem("GameObject/UI Toolkit/Extensions/Screen Header", false, 10)]
+        public static void AddScreenHeader(MenuCommand menuCommand) => AddControl("ScreenHeader", menuCommand);
+
+        [MenuItem("GameObject/UI Toolkit/Extensions/Scroll Snap", false, 10)]
+        public static void AddScrollSnap(MenuCommand menuCommand) => AddControl("ScrollSnap", menuCommand);
+
+        [MenuItem("GameObject/UI Toolkit/Extensions/Social Link Container", false, 10)]
+        public static void AddSocialLinkContainer(MenuCommand menuCommand) => AddControl("SocialLinkContainer", menuCommand);
+
+        [MenuItem("GameObject/UI Toolkit/Extensions/Quadrant Stepper", false, 10)]
+        public static void AddQuadrantStepper(MenuCommand menuCommand) => AddControl("QuadrantStepper", menuCommand);
+
+        [MenuItem("GameObject/UI Toolkit/Extensions/Step Progress Bar", false, 10)]
+        public static void AddStepProgressBar(MenuCommand menuCommand) => AddControl("StepProgressBar", menuCommand);
+
+        [MenuItem("GameObject/UI Toolkit/Extensions/Toggle Button", false, 10)]
+        public static void AddToggleButton(MenuCommand menuCommand) => AddControl("ToggleButton", menuCommand);
+        #endregion
+
+        #region Assets/Create menu entries
+        [MenuItem("Assets/Create/UI Toolkit/Extensions/Circular Image Button Starter", false, 601)]
+        public static void CreateCircularImageButtonStarter() => CreateStarterAsset("CircularImageButton");
+
+        [MenuItem("Assets/Create/UI Toolkit/Extensions/Collapsible Section Starter", false, 601)]
+        public static void CreateCollapsibleSectionStarter() => CreateStarterAsset("CollapsibleSection");
+
+        [MenuItem("Assets/Create/UI Toolkit/Extensions/Color Toggle Button Starter", false, 601)]
+        public static void CreateColorToggleButtonStarter() => CreateStarterAsset("ColorToggleButton");
+
+        [MenuItem("Assets/Create/UI Toolkit/Extensions/Color Toggle Group Starter", false, 601)]
+        public static void CreateColorToggleGroupStarter() => CreateStarterAsset("ColorToggleGroup");
+
+        [MenuItem("Assets/Create/UI Toolkit/Extensions/Coming Soon Message Starter", false, 601)]
+        public static void CreateComingSoonMessageStarter() => CreateStarterAsset("ComingSoonMessage");
+
+        [MenuItem("Assets/Create/UI Toolkit/Extensions/Drop Down Control Starter", false, 601)]
+        public static void CreateDropDownControlStarter() => CreateStarterAsset("DropDownControl");
+
+        [MenuItem("Assets/Create/UI Toolkit/Extensions/Elastic List View Starter", false, 601)]
+        public static void CreateElasticListViewStarter() => CreateStarterAsset("ElasticListView");
+
+        [MenuItem("Assets/Create/UI Toolkit/Extensions/Grayscale Image Starter", false, 601)]
+        public static void CreateGrayscaleImageStarter() => CreateStarterAsset("GrayscaleImage");
+
+        [MenuItem("Assets/Create/UI Toolkit/Extensions/Icon Label Button Starter", false, 601)]
+        public static void CreateIconLabelButtonStarter() => CreateStarterAsset("IconLabelButton");
+
+        [MenuItem("Assets/Create/UI Toolkit/Extensions/Loading Icon Starter", false, 601)]
+        public static void CreateLoadingIconStarter() => CreateStarterAsset("LoadingIcon");
+
+        [MenuItem("Assets/Create/UI Toolkit/Extensions/Notification Badge Starter", false, 601)]
+        public static void CreateNotificationBadgeStarter() => CreateStarterAsset("NotificationBadge");
+
+        [MenuItem("Assets/Create/UI Toolkit/Extensions/Page Dot Indicator Starter", false, 601)]
+        public static void CreatePageDotIndicatorStarter() => CreateStarterAsset("PageDotIndicator");
+
+        [MenuItem("Assets/Create/UI Toolkit/Extensions/Pill Button Starter", false, 601)]
+        public static void CreatePillButtonStarter() => CreateStarterAsset("PillButton");
+
+        [MenuItem("Assets/Create/UI Toolkit/Extensions/Pill Input Field Starter", false, 601)]
+        public static void CreatePillInputFieldStarter() => CreateStarterAsset("PillInputField");
+
+        [MenuItem("Assets/Create/UI Toolkit/Extensions/Pill Selector Starter", false, 601)]
+        public static void CreatePillSelectorStarter() => CreateStarterAsset("PillSelector");
+
+        [MenuItem("Assets/Create/UI Toolkit/Extensions/Rounded Input Field Starter", false, 601)]
+        public static void CreateRoundedInputFieldStarter() => CreateStarterAsset("RoundedInputField");
+
+        [MenuItem("Assets/Create/UI Toolkit/Extensions/Screen Header Starter", false, 601)]
+        public static void CreateScreenHeaderStarter() => CreateStarterAsset("ScreenHeader");
+
+        [MenuItem("Assets/Create/UI Toolkit/Extensions/Scroll Snap Starter", false, 601)]
+        public static void CreateScrollSnapStarter() => CreateStarterAsset("ScrollSnap");
+
+        [MenuItem("Assets/Create/UI Toolkit/Extensions/Social Link Container Starter", false, 601)]
+        public static void CreateSocialLinkContainerStarter() => CreateStarterAsset("SocialLinkContainer");
+
+        [MenuItem("Assets/Create/UI Toolkit/Extensions/Quadrant Stepper Starter", false, 601)]
+        public static void CreateQuadrantStepperStarter() => CreateStarterAsset("QuadrantStepper");
+
+        [MenuItem("Assets/Create/UI Toolkit/Extensions/Step Progress Bar Starter", false, 601)]
+        public static void CreateStepProgressBarStarter() => CreateStarterAsset("StepProgressBar");
+
+        [MenuItem("Assets/Create/UI Toolkit/Extensions/Toggle Button Starter", false, 601)]
+        public static void CreateToggleButtonStarter() => CreateStarterAsset("ToggleButton");
+        #endregion
+
+        /// <summary>
+        /// Ensures the scene can display UI Toolkit content and adds a UIDocument showing
+        /// the starter template for the requested control.
+        /// </summary>
+        private static void AddControl(string controlName, MenuCommand menuCommand)
+        {
+            var template = InstantiateTemplate(controlName, GeneratedAssetFolder);
+            if (template == null)
+            {
+                return;
+            }
+
+            var panelSettings = GetOrCreatePanelSettings();
+
+            var go = new GameObject(ObjectNames.NicifyVariableName(controlName));
+            Undo.RegisterCreatedObjectUndo(go, "Create " + go.name);
+            GameObjectUtility.SetParentAndAlign(go, menuCommand.context as GameObject);
+
+            var document = go.AddComponent<UIDocument>();
+            document.panelSettings = panelSettings;
+            document.visualTreeAsset = template;
+
+            Selection.activeGameObject = go;
+        }
+
+        /// <summary>
+        /// Copies the starter template for a control into the project (if not already present)
+        /// so the user has an editable copy, and returns it.
+        /// </summary>
+        private static VisualTreeAsset InstantiateTemplate(string controlName, string destinationFolder)
+        {
+            var sourcePath = TemplateRoot + controlName + "Starter.uxml";
+            if (AssetDatabase.LoadAssetAtPath<VisualTreeAsset>(sourcePath) == null)
+            {
+                Debug.LogError($"UI Toolkit Extensions starter template not found at [{sourcePath}]");
+                return null;
+            }
+
+            var destinationPath = destinationFolder + "/" + controlName + "Starter.uxml";
+            var existing = AssetDatabase.LoadAssetAtPath<VisualTreeAsset>(destinationPath);
+            if (existing != null)
+            {
+                return existing;
+            }
+
+            EnsureGeneratedAssetFolder();
+            AssetDatabase.CopyAsset(sourcePath, destinationPath);
+            return AssetDatabase.LoadAssetAtPath<VisualTreeAsset>(destinationPath);
+        }
+
+        /// <summary>
+        /// Copies a starter template into the currently selected project folder.
+        /// </summary>
+        private static void CreateStarterAsset(string controlName)
+        {
+            var sourcePath = TemplateRoot + controlName + "Starter.uxml";
+            if (AssetDatabase.LoadAssetAtPath<VisualTreeAsset>(sourcePath) == null)
+            {
+                Debug.LogError($"UI Toolkit Extensions starter template not found at [{sourcePath}]");
+                return;
+            }
+
+            var destinationPath = AssetDatabase.GenerateUniqueAssetPath(GetActiveFolderPath() + "/" + controlName + "Starter.uxml");
+            AssetDatabase.CopyAsset(sourcePath, destinationPath);
+            Selection.activeObject = AssetDatabase.LoadAssetAtPath<VisualTreeAsset>(destinationPath);
+        }
+
+        /// <summary>
+        /// Finds a PanelSettings to render with, preferring one already in use in the open scene,
+        /// then any project asset, before finally creating one configured with the default runtime theme.
+        /// </summary>
+        private static PanelSettings GetOrCreatePanelSettings()
+        {
+            var existingDocument = Object.FindFirstObjectByType<UIDocument>();
+            if (existingDocument != null && existingDocument.panelSettings != null)
+            {
+                return existingDocument.panelSettings;
+            }
+
+            var guids = AssetDatabase.FindAssets("t:PanelSettings");
+            if (guids.Length > 0)
+            {
+                return AssetDatabase.LoadAssetAtPath<PanelSettings>(AssetDatabase.GUIDToAssetPath(guids[0]));
+            }
+
+            EnsureGeneratedAssetFolder();
+
+            var theme = AssetDatabase.LoadAssetAtPath<ThemeStyleSheet>(ThemeAssetPath);
+            if (theme == null)
+            {
+                System.IO.File.WriteAllText(ThemeAssetPath, DefaultThemeContent);
+                AssetDatabase.ImportAsset(ThemeAssetPath);
+                theme = AssetDatabase.LoadAssetAtPath<ThemeStyleSheet>(ThemeAssetPath);
+            }
+
+            var panelSettings = ScriptableObject.CreateInstance<PanelSettings>();
+            panelSettings.themeStyleSheet = theme;
+            AssetDatabase.CreateAsset(panelSettings, PanelSettingsAssetPath);
+            AssetDatabase.SaveAssets();
+            return panelSettings;
+        }
+
+        private static void EnsureGeneratedAssetFolder()
+        {
+            if (!AssetDatabase.IsValidFolder(GeneratedAssetFolder))
+            {
+                AssetDatabase.CreateFolder("Assets", GeneratedAssetFolder.Substring("Assets/".Length));
+            }
+        }
+
+        private static string GetActiveFolderPath()
+        {
+            var obj = Selection.activeObject;
+            if (obj == null)
+            {
+                return "Assets";
+            }
+
+            var path = AssetDatabase.GetAssetPath(obj);
+            if (string.IsNullOrEmpty(path))
+            {
+                return "Assets";
+            }
+
+            return AssetDatabase.IsValidFolder(path) ? path : System.IO.Path.GetDirectoryName(path).Replace('\\', '/');
+        }
+    }
+}
diff --git a/Editor/UIToolkitExtensionsMenuOptions.cs.meta b/Editor/UIToolkitExtensionsMenuOptions.cs.meta
new file mode 100644
index 0000000..917e68d
--- /dev/null
+++ b/Editor/UIToolkitExtensionsMenuOptions.cs.meta
@@ -0,0 +1,11 @@
+fileFormatVersion: 2
+guid: 68219ffe64c445aeb74064a4b6db4f71
+MonoImporter:
+  externalObjects: {}
+  serializedVersion: 2
+  defaultReferences: []
+  executionOrder: 0
+  icon: {instanceID: 0}
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
diff --git a/Editor/UnityUIToolkitExtensions.Editor.asmdef b/Editor/UnityUIToolkitExtensions.Editor.asmdef
index 76ca544..2ddf3ad 100644
--- a/Editor/UnityUIToolkitExtensions.Editor.asmdef
+++ b/Editor/UnityUIToolkitExtensions.Editor.asmdef
@@ -2,8 +2,6 @@
     "name": "UnityUIToolkitExtensions.Editor",
     "rootNamespace": "",
     "references": [
-        "GUID:343deaaf83e0cee4ca978e7df0b80d21",
-        "GUID:2bafac87e7f4b9b418d9448d219b01ab",
         "GUID:9ee68b2f38bf7f4418701e4ac76fb98b"
     ],
     "includePlatforms": [],
diff --git a/Examples~ b/Examples~
index e6ab227..d9bbc60 160000
--- a/Examples~
+++ b/Examples~
@@ -1 +1 @@
-Subproject commit e6ab227c534dc041a786ac01ce1e902baec49197
+Subproject commit d9bbc60832b2d59561299ffc6e8b361934f64610
diff --git a/Runtime/Controls/CircularImageButton/CircularImageButton.cs b/Runtime/Controls/CircularImageButton/CircularImageButton.cs
index 2bff08c..f3930fe 100644
--- a/Runtime/Controls/CircularImageButton/CircularImageButton.cs
+++ b/Runtime/Controls/CircularImageButton/CircularImageButton.cs
@@ -29,6 +29,7 @@ public partial class CircularImageButton : VisualElement
 
         public CircularImageButton()
         {
+            this.ApplyControlStyles();
             AddToClassList(RootClass);
 
             focusable = true;
diff --git a/Runtime/Controls/CollapsibleSection/CollapsibleSection.cs b/Runtime/Controls/CollapsibleSection/CollapsibleSection.cs
index f09abe0..2458840 100644
--- a/Runtime/Controls/CollapsibleSection/CollapsibleSection.cs
+++ b/Runtime/Controls/CollapsibleSection/CollapsibleSection.cs
@@ -54,6 +54,7 @@ public string BodyText
 
         public CollapsibleSection()
         {
+            this.ApplyControlStyles();
             AddToClassList(RootClass);
 
             var header = UIToolkitExtensions.CreateVisualElement(HeaderClass);
diff --git a/Runtime/Controls/ColorToggleButton/ColorToggleButton.cs b/Runtime/Controls/ColorToggleButton/ColorToggleButton.cs
index 5df1eb4..87f151a 100644
--- a/Runtime/Controls/ColorToggleButton/ColorToggleButton.cs
+++ b/Runtime/Controls/ColorToggleButton/ColorToggleButton.cs
@@ -47,6 +47,7 @@ public ColorToggleButton(Color tintColor) : this(tintColor, tintColor) { }
 
         public ColorToggleButton(Color tintColor, Color selectedTintColor)
         {
+            this.ApplyControlStyles();
             image.AddToClassList(IconClass);
 
             rippleOverlay = UIToolkitExtensions.CreateVisualElement(this, RippleOverlayClass);
diff --git a/Runtime/Controls/ColorToggleGroup/ColorToggleGroup.cs b/Runtime/Controls/ColorToggleGroup/ColorToggleGroup.cs
index c5ca86d..64ebc50 100644
--- a/Runtime/Controls/ColorToggleGroup/ColorToggleGroup.cs
+++ b/Runtime/Controls/ColorToggleGroup/ColorToggleGroup.cs
@@ -75,6 +75,7 @@ public List<Color> ColorsList
 
         public ColorToggleGroup()
         {
+            this.ApplyControlStyles();
             AddToClassList(RootClass);
 
             container = UIToolkitExtensions.CreateVisualElement(this, ContainerClass);
diff --git a/Runtime/Controls/ComingSoonMessage/ComingSoonMessage.cs b/Runtime/Controls/ComingSoonMessage/ComingSoonMessage.cs
index 2016ce4..e50e5d9 100644
--- a/Runtime/Controls/ComingSoonMessage/ComingSoonMessage.cs
+++ b/Runtime/Controls/ComingSoonMessage/ComingSoonMessage.cs
@@ -20,6 +20,7 @@ public partial class ComingSoonMessage : VisualElement
 
         public ComingSoonMessage()
         {
+            this.ApplyControlStyles();
             AddToClassList(RootClass);
 
             var background = UIToolkitExtensions.CreateVisualElement(this, BackgroundClass);
diff --git a/Runtime/Controls/DropDownControl/DropDownControl.cs b/Runtime/Controls/DropDownControl/DropDownControl.cs
index 582329c..b848f29 100644
--- a/Runtime/Controls/DropDownControl/DropDownControl.cs
+++ b/Runtime/Controls/DropDownControl/DropDownControl.cs
@@ -94,6 +94,7 @@ public List<string> ItemsList
 
         public DropDownControl()
         {
+            this.ApplyControlStyles();
             AddToClassList(RootClass);
 
             triggerElement = UIToolkitExtensions.CreateVisualElement(this, TriggerClass);
@@ -106,10 +107,14 @@ public DropDownControl()
             triggerElement.RegisterCallback<ClickEvent>(_ => Open());
             triggerElement.RegisterCallback<PointerDownEvent>(OnTriggerPointerDown, TrickleDown.TrickleDown);
 
+            // The backdrop and panel are re-parented to the panel root while open, outside this
+            // control's subtree, so they need the shared stylesheet attached directly.
             backdropElement = UIToolkitExtensions.CreateVisualElement(BackdropClass);
+            backdropElement.ApplyControlStyles();
             backdropElement.RegisterCallback<ClickEvent>(OnBackdropClicked);
 
             panelElement = UIToolkitExtensions.CreateVisualElement(PanelClass);
+            panelElement.ApplyControlStyles();
             panelElement.RegisterCallback<ClickEvent>(evt => evt.StopPropagation());
 
             viewportElement = UIToolkitExtensions.CreateVisualElement(panelElement, ViewportClass);
diff --git a/Runtime/Controls/DropDownMenuControl/DropDownMenuControl.cs b/Runtime/Controls/DropDownMenuControl/DropDownMenuControl.cs
index c8fb7ca..0ef5bc5 100644
--- a/Runtime/Controls/DropDownMenuControl/DropDownMenuControl.cs
+++ b/Runtime/Controls/DropDownMenuControl/DropDownMenuControl.cs
@@ -76,10 +76,14 @@ public DropDownOption(string label, Action onSelected)
 
         public DropDownMenuControl()
         {
+            // The backdrop and panel attach to the panel root while open, outside any styled
+            // subtree, so they need the shared stylesheet attached directly.
             backdropElement = UIToolkitExtensions.CreateVisualElement(BackdropClass);
+            backdropElement.ApplyControlStyles();
             backdropElement.RegisterCallback<ClickEvent>(_ => Close());
 
             panelElement = UIToolkitExtensions.CreateVisualElement(PanelClass);
+            panelElement.ApplyControlStyles();
             panelElement.RegisterCallback<ClickEvent>(evt => evt.StopPropagation());
         }
 
diff --git a/Runtime/Controls/ElasticListView/ElasticListView.cs b/Runtime/Controls/ElasticListView/ElasticListView.cs
index 4294beb..d0af0ef 100644
--- a/Runtime/Controls/ElasticListView/ElasticListView.cs
+++ b/Runtime/Controls/ElasticListView/ElasticListView.cs
@@ -77,6 +77,7 @@ public partial class ElasticListView : VisualElement
 
         public ElasticListView()
         {
+            this.ApplyControlStyles();
             AddToClassList(RootClass);
 
             scrollView = new ScrollView(ScrollViewMode.Vertical)
diff --git a/Runtime/Controls/GrayscaleImage/GrayscaleImage.cs b/Runtime/Controls/GrayscaleImage/GrayscaleImage.cs
index 2aa9fad..8e842ac 100644
--- a/Runtime/Controls/GrayscaleImage/GrayscaleImage.cs
+++ b/Runtime/Controls/GrayscaleImage/GrayscaleImage.cs
@@ -26,6 +26,7 @@ public partial class GrayscaleImage : ImmediateModeElement
 
         public GrayscaleImage()
         {
+            this.ApplyControlStyles();
             scaleModeValue = ScaleMode.ScaleToFit;
         }
 
diff --git a/Runtime/Controls/IconLabelButton/IconLabelButton.cs b/Runtime/Controls/IconLabelButton/IconLabelButton.cs
index d8a11b9..73d3cbf 100644
--- a/Runtime/Controls/IconLabelButton/IconLabelButton.cs
+++ b/Runtime/Controls/IconLabelButton/IconLabelButton.cs
@@ -28,6 +28,7 @@ public partial class IconLabelButton : VisualElement
 
         public IconLabelButton()
         {
+            this.ApplyControlStyles();
             AddToClassList(RootClass);
 
             button = UIToolkitExtensions.CreateVisualElement(this, ButtonClass);
diff --git a/Runtime/Controls/ImageCropOverlayControl/ImageCropOverlayControl.cs b/Runtime/Controls/ImageCropOverlayControl/ImageCropOverlayControl.cs
index b76d95c..c312c1e 100644
--- a/Runtime/Controls/ImageCropOverlayControl/ImageCropOverlayControl.cs
+++ b/Runtime/Controls/ImageCropOverlayControl/ImageCropOverlayControl.cs
@@ -147,6 +147,9 @@ private ImageCropOverlayControl(
             Action<Texture2D> onConfirmed,
             Action onCancelled)
         {
+            // The overlay attaches to the panel root, outside any styled subtree, so it needs
+            // the shared stylesheet attached directly.
+            this.ApplyControlStyles();
             this.sourceTexture = sourceTexture;
             this.configuration = configuration ?? new Configuration();
             this.onConfirmed = onConfirmed;
diff --git a/Runtime/Controls/LoadingIcon/LoadingIcon.cs b/Runtime/Controls/LoadingIcon/LoadingIcon.cs
index 5d23170..36daece 100644
--- a/Runtime/Controls/LoadingIcon/LoadingIcon.cs
+++ b/Runtime/Controls/LoadingIcon/LoadingIcon.cs
@@ -24,6 +24,7 @@ public partial class LoadingIcon : VisualElement
 
         public LoadingIcon()
         {
+            this.ApplyControlStyles();
             pickingMode = PickingMode.Ignore;
             AddToClassList(RootClass);
 
diff --git a/Runtime/Controls/NotificationBadge/NotificationBadge.cs b/Runtime/Controls/NotificationBadge/NotificationBadge.cs
index 7c0a3e2..58c2b60 100644
--- a/Runtime/Controls/NotificationBadge/NotificationBadge.cs
+++ b/Runtime/Controls/NotificationBadge/NotificationBadge.cs
@@ -19,6 +19,7 @@ public partial class NotificationBadge : VisualElement
 
         public NotificationBadge()
         {
+            this.ApplyControlStyles();
             AddToClassList(RootClass);
 
             pickingMode = PickingMode.Position;
diff --git a/Runtime/Controls/PageDotIndicator/PageDotIndicator.cs b/Runtime/Controls/PageDotIndicator/PageDotIndicator.cs
index 5660099..36d7072 100644
--- a/Runtime/Controls/PageDotIndicator/PageDotIndicator.cs
+++ b/Runtime/Controls/PageDotIndicator/PageDotIndicator.cs
@@ -29,6 +29,7 @@ public partial class PageDotIndicator : VisualElement
 
         public PageDotIndicator()
         {
+            this.ApplyControlStyles();
             AddToClassList(RootClass);
             dotsContainer = UIToolkitExtensions.CreateVisualElement(this, DotsContainerClass);
         }
diff --git a/Runtime/Controls/PillButton/PillButton.cs b/Runtime/Controls/PillButton/PillButton.cs
index 6c2ac5a..b3a5d18 100644
--- a/Runtime/Controls/PillButton/PillButton.cs
+++ b/Runtime/Controls/PillButton/PillButton.cs
@@ -40,6 +40,7 @@ public partial class PillButton : VisualElement
 
         public PillButton()
         {
+            this.ApplyControlStyles();
             AddToClassList(RootClass);
 
             background = UIToolkitExtensions.CreateVisualElement(this, BackgroundClass);
diff --git a/Runtime/Controls/PillInputField/PillInputField.cs b/Runtime/Controls/PillInputField/PillInputField.cs
index adb76ad..12929d6 100644
--- a/Runtime/Controls/PillInputField/PillInputField.cs
+++ b/Runtime/Controls/PillInputField/PillInputField.cs
@@ -35,6 +35,7 @@ public partial class PillInputField : VisualElement
 
         public PillInputField()
         {
+            this.ApplyControlStyles();
             AddToClassList(RootClass);
 
             labelField = UIToolkitExtensions.CreateVisualElement<Label>(this, LabelClass);
diff --git a/Runtime/Controls/PillSelector/PillSelector.cs b/Runtime/Controls/PillSelector/PillSelector.cs
index 2d3b311..bb8f207 100644
--- a/Runtime/Controls/PillSelector/PillSelector.cs
+++ b/Runtime/Controls/PillSelector/PillSelector.cs
@@ -25,6 +25,7 @@ public partial class PillSelector : VisualElement
 
         public PillSelector()
         {
+            this.ApplyControlStyles();
             AddToClassList(RootClass);
 
             labelField = UIToolkitExtensions.CreateVisualElement<Label>(this, LabelClass);
diff --git a/Runtime/Controls/RoundedInputField/RoundedInputField.cs b/Runtime/Controls/RoundedInputField/RoundedInputField.cs
index 0636df5..217bfcd 100644
--- a/Runtime/Controls/RoundedInputField/RoundedInputField.cs
+++ b/Runtime/Controls/RoundedInputField/RoundedInputField.cs
@@ -26,6 +26,7 @@ public partial class RoundedInputField : VisualElement
 
         public RoundedInputField()
         {
+            this.ApplyControlStyles();
             AddToClassList(RootClass);
 
             var container = new VisualElement();
diff --git a/Runtime/Controls/ScreenHeader/ScreenHeader.cs b/Runtime/Controls/ScreenHeader/ScreenHeader.cs
index 646b7d8..45485bd 100644
--- a/Runtime/Controls/ScreenHeader/ScreenHeader.cs
+++ b/Runtime/Controls/ScreenHeader/ScreenHeader.cs
@@ -46,6 +46,7 @@ public partial class ScreenHeader : VisualElement
 
         public ScreenHeader()
         {
+            this.ApplyControlStyles();
             AddToClassList(RootClass);
 
             UIToolkitExtensions.CreateVisualElement(this, NotchSpacerClass);
diff --git a/Runtime/Controls/ScrollSnap/ScrollSnap.cs b/Runtime/Controls/ScrollSnap/ScrollSnap.cs
index 2d0f709..2c6c294 100644
--- a/Runtime/Controls/ScrollSnap/ScrollSnap.cs
+++ b/Runtime/Controls/ScrollSnap/ScrollSnap.cs
@@ -162,6 +162,7 @@ private static bool IsInteractiveElement(VisualElement element)
 
 		public ScrollSnap()
 		{
+			this.ApplyControlStyles();
 			AddToClassList(RootClass);
 
 			// Custom viewport (replaces ScrollView) - clips overflow
diff --git a/Runtime/Controls/SocialLinkContainer/SocialLinkContainer.cs b/Runtime/Controls/SocialLinkContainer/SocialLinkContainer.cs
index 1afe979..1fe7cde 100644
--- a/Runtime/Controls/SocialLinkContainer/SocialLinkContainer.cs
+++ b/Runtime/Controls/SocialLinkContainer/SocialLinkContainer.cs
@@ -62,6 +62,7 @@ public enum SocialPlatform
 
         public SocialLinkContainer()
         {
+            this.ApplyControlStyles();
             AddToClassList(RootClass);
 
             labelField = UIToolkitExtensions.CreateVisualElement<Label>(this, LabelClass);
diff --git a/Runtime/Controls/StepProgressBar/StepProgressBar.cs b/Runtime/Controls/StepProgressBar/StepProgressBar.cs
index 94c0e10..fa57877 100644
--- a/Runtime/Controls/StepProgressBar/StepProgressBar.cs
+++ b/Runtime/Controls/StepProgressBar/StepProgressBar.cs
@@ -27,6 +27,7 @@ public partial class StepProgressBar : VisualElement
 
         public StepProgressBar()
         {
+            this.ApplyControlStyles();
             AddToClassList(RootClass);
 
             backgroundBar = new VisualElement();
diff --git a/Runtime/Controls/Stepper/QuadrantStepper.cs b/Runtime/Controls/Stepper/QuadrantStepper.cs
index 66d9136..a1bacfc 100644
--- a/Runtime/Controls/Stepper/QuadrantStepper.cs
+++ b/Runtime/Controls/Stepper/QuadrantStepper.cs
@@ -79,6 +79,7 @@ public QuadrantStepper()
 
         public QuadrantStepper(IReadOnlyList<string> options)
         {
+            this.ApplyControlStyles();
             AddToClassList(RootClass);
 
             overlay = new VisualElement { pickingMode = PickingMode.Ignore };
diff --git a/Runtime/Controls/ToggleButton/ToggleButton.cs b/Runtime/Controls/ToggleButton/ToggleButton.cs
index 34e3625..b1ec962 100644
--- a/Runtime/Controls/ToggleButton/ToggleButton.cs
+++ b/Runtime/Controls/ToggleButton/ToggleButton.cs
@@ -31,6 +31,7 @@ public partial class ToggleButton : VisualElement
 
         public ToggleButton()
         {
+            this.ApplyControlStyles();
             AddToClassList(RootClass);
 
             pickingMode = PickingMode.Position;
diff --git a/Runtime/Extensions/UIToolkitExtensions.cs b/Runtime/Extensions/UIToolkitExtensions.cs
index a8054bb..0b1dbd7 100644
--- a/Runtime/Extensions/UIToolkitExtensions.cs
+++ b/Runtime/Extensions/UIToolkitExtensions.cs
@@ -12,6 +12,49 @@ namespace UnityUIToolkit.Extensions
     /// </summary>
     public static class UIToolkitExtensions
     {
+        private const string ControlStylesAssetPath = "Packages/com.unity.uitoolkitextensions/Runtime/Styles/UIToolkitExtensionsControlStyles.uss";
+
+        private static StyleSheet controlStyles;
+
+        /// <summary>
+        /// The shared stylesheet containing the default styles for all UI Toolkit Extensions controls.
+        /// Resolved via the AssetDatabase, so it is only available in the Editor (including Play Mode).
+        /// </summary>
+        public static StyleSheet ControlStyles
+        {
+            get
+            {
+#if UNITY_EDITOR
+                if (controlStyles == null)
+                {
+                    controlStyles = UnityEditor.AssetDatabase.LoadAssetAtPath<StyleSheet>(ControlStylesAssetPath);
+                }
+#endif
+                return controlStyles;
+            }
+        }
+
+        /// <summary>
+        /// Attaches the shared UI Toolkit Extensions stylesheet to an element, so controls render
+        /// correctly while authoring (UI Builder) and in Play Mode without requiring the stylesheet
+        /// to be referenced manually.
+        /// </summary>
+        /// <remarks>
+        /// This is an Editor-side convenience and does nothing in player builds. For builds, the
+        /// stylesheet is referenced explicitly by the starter templates via a UXML Style element,
+        /// and by the theme created by the "GameObject/UI Toolkit/Extensions" menu; code-first UI
+        /// should add the stylesheet to its panel theme or root element.
+        /// </remarks>
+        /// <param name="element">The element to attach the shared stylesheet to</param>
+        public static void ApplyControlStyles(this VisualElement element)
+        {
+            var styles = ControlStyles;
+            if (styles != null && !element.styleSheets.Contains(styles))
+            {
+                element.styleSheets.Add(styles);
+            }
+        }
+
         /// <summary>
         /// Creates a VisualElement with the specified CSS class names.
         /// </summary>
diff --git a/Runtime/UnityUIToolkitExtensions.asmdef b/Runtime/UnityUIToolkitExtensions.asmdef
index 49c3b42..8ce18e8 100644
--- a/Runtime/UnityUIToolkitExtensions.asmdef
+++ b/Runtime/UnityUIToolkitExtensions.asmdef
@@ -1,9 +1,7 @@
 {
     "name": "UnityUIToolkitExtensions",
     "rootNamespace": "",
-    "references": [
-        "GUID:2bafac87e7f4b9b418d9448d219b01ab"
-    ],
+    "references": [],
     "includePlatforms": [],
     "excludePlatforms": [],
     "allowUnsafeCode": false,
diff --git a/package.json b/package.json
index 023ad15..3db0f0c 100644
--- a/package.json
+++ b/package.json
@@ -34,6 +34,6 @@
   ],
   "license": "MIT",
   "dependencies": {
-    "com.unity.ui": "1.0.0"
+    "com.unity.modules.uielements": "1.0.0"
   }
 }

From 5ed1c12e0a0d09f0f9da725d89b8496427396448 Mon Sep 17 00:00:00 2001
From: "Simon (Darkside) Jackson" <darkside@zenithmoon.com>
Date: Tue, 4 Aug 2026 16:24:21 +0100
Subject: [PATCH 2/5] Patches for release

---
 CHANGELOG.md                                  |  1 +
 .../ColorToggleButtonStarter.uxml             |  2 +-
 .../ElasticListViewStarter.uxml               | 17 +++-
 .../ControlTemplates/PillButtonStarter.uxml   |  2 +-
 .../QuadrantStepperStarter.uxml               |  2 +-
 .../ControlTemplates/ScreenHeaderStarter.uxml |  4 +-
 .../StarterTemplateStyles.uss                 | 94 +++++++++++++++++++
 .../StepProgressBarStarter.uxml               |  2 +-
 .../ControlTemplates/ToggleButtonStarter.uxml |  4 +-
 Editor/UIToolkitExtensionsMenuOptions.cs      | 18 +++-
 .../ColorToggleButton/ColorToggleButton.cs    |  7 ++
 .../ElasticListView/ElasticListView.cs        | 15 ++-
 .../ImageCropOverlayControl.cs                |  2 +-
 .../StepProgressBar/StepProgressBar.cs        |  2 +-
 .../UIToolkitExtensionsControlStyles.uss      | 82 +++++++++++++++-
 15 files changed, 236 insertions(+), 18 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 22f5fbb..4761cdc 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -11,6 +11,7 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/).
 - **Editor menu integration** — a new `GameObject/UI Toolkit/Extensions` menu adds any of the 22 UXML-placeable controls to the scene in basic form with demo content, automatically creating a `UIDocument` and `PanelSettings` (with the default runtime theme) if the scene has none. The UI Toolkit counterpart of the uGUI Extensions `GameObject/UI/Extensions` menu.
 - **Starter templates** — per-control starter UXML templates with demo content, also available from `Assets/Create/UI Toolkit/Extensions` for dropping into existing documents. Instantiated copies are placed under `Assets/UI Toolkit Extensions` so they remain freely editable.
 - **Self-applying control styles** — while authoring (UI Builder) and in Play Mode, controls attach the shared extensions stylesheet automatically on construction, so they render correctly without manually referencing the stylesheet. Overlay controls (`DropDownControl`, `DropDownMenuControl`, `ImageCropOverlayControl`) also style their root-attached panels directly. In player builds, styling comes from the explicit stylesheet references in the starter templates and from the theme generated by the editor menu (which imports the shared stylesheet panel-wide).
+- **`ElasticListView` UXML-authored items** — child elements declared inside an `ElasticListView` tag (or added via plain `Add()`) now become list items, via a `contentContainer` override routing them into the item content. Items were previously only addable from code with `AddItem()`/`SetItems()`.
 
 ### Changed
 
diff --git a/Editor/ControlTemplates/ColorToggleButtonStarter.uxml b/Editor/ControlTemplates/ColorToggleButtonStarter.uxml
index d62f561..6c23cd5 100644
--- a/Editor/ControlTemplates/ColorToggleButtonStarter.uxml
+++ b/Editor/ControlTemplates/ColorToggleButtonStarter.uxml
@@ -1,6 +1,6 @@
 <ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:ext="UnityUIToolkit.Extensions" editor-extension-mode="False">
     <Style src="project://database/Packages/com.unity.uitoolkitextensions/Runtime/Styles/UIToolkitExtensionsControlStyles.uss" />
     <ui:VisualElement name="container" style="flex-grow: 1; align-items: center; justify-content: center;">
-        <ext:ColorToggleButton tint-color="#FF5A5A" selected-tint-color="#FF9090" />
+        <ext:ColorToggleButton style="width: 64px; height: 64px;" tint-color="#FF5A5A" selected-tint-color="#FF9090" />
     </ui:VisualElement>
 </ui:UXML>
diff --git a/Editor/ControlTemplates/ElasticListViewStarter.uxml b/Editor/ControlTemplates/ElasticListViewStarter.uxml
index 0930bab..fa95b6f 100644
--- a/Editor/ControlTemplates/ElasticListViewStarter.uxml
+++ b/Editor/ControlTemplates/ElasticListViewStarter.uxml
@@ -1,7 +1,20 @@
 <ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:ext="UnityUIToolkit.Extensions" editor-extension-mode="False">
     <Style src="project://database/Packages/com.unity.uitoolkitextensions/Runtime/Styles/UIToolkitExtensionsControlStyles.uss" />
+    <Style src="project://database/Packages/com.unity.uitoolkitextensions/Editor/ControlTemplates/StarterTemplateStyles.uss" />
     <ui:VisualElement name="container" style="flex-grow: 1; align-items: center; justify-content: center;">
-        <!-- Items are supplied from code via AddItem()/SetItems(); the empty-state label shows until then. -->
-        <ext:ElasticListView empty-text="No items yet - add some from code." style="width: 320px; height: 240px;" />
+        <ext:ElasticListView class="elasticListViewStarter" empty-text="No items yet - add some from UXML or code." style="width: 320px; height: 240px;">
+            <ui:Label text="List Item 1" class="elasticListViewStarter__item" />
+            <ui:Label text="List Item 2" class="elasticListViewStarter__item" />
+            <ui:Label text="List Item 3" class="elasticListViewStarter__item" />
+            <ui:Label text="List Item 4" class="elasticListViewStarter__item" />
+            <ui:Label text="List Item 5" class="elasticListViewStarter__item" />
+            <ui:Label text="List Item 6" class="elasticListViewStarter__item" />
+            <ui:Label text="List Item 7" class="elasticListViewStarter__item" />
+            <ui:Label text="List Item 8" class="elasticListViewStarter__item" />
+            <ui:Label text="List Item 9" class="elasticListViewStarter__item" />
+            <ui:Label text="List Item 10" class="elasticListViewStarter__item" />
+            <ui:Label text="List Item 11" class="elasticListViewStarter__item" />
+            <ui:Label text="List Item 12" class="elasticListViewStarter__item" />
+        </ext:ElasticListView>
     </ui:VisualElement>
 </ui:UXML>
diff --git a/Editor/ControlTemplates/PillButtonStarter.uxml b/Editor/ControlTemplates/PillButtonStarter.uxml
index c3e3833..7983518 100644
--- a/Editor/ControlTemplates/PillButtonStarter.uxml
+++ b/Editor/ControlTemplates/PillButtonStarter.uxml
@@ -1,6 +1,6 @@
 <ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:ext="UnityUIToolkit.Extensions" editor-extension-mode="False">
     <Style src="project://database/Packages/com.unity.uitoolkitextensions/Runtime/Styles/UIToolkitExtensionsControlStyles.uss" />
     <ui:VisualElement name="container" style="flex-grow: 1; align-items: center; justify-content: center;">
-        <ext:PillButton text="Click Me!" inner-color="#4A90E2" outer-color="#7B68EE" />
+        <ext:PillButton style="width: 220px; height: 52px;" text="Click Me!" inner-color="#4A90E2" outer-color="#7B68EE" />
     </ui:VisualElement>
 </ui:UXML>
diff --git a/Editor/ControlTemplates/QuadrantStepperStarter.uxml b/Editor/ControlTemplates/QuadrantStepperStarter.uxml
index c65778f..911584a 100644
--- a/Editor/ControlTemplates/QuadrantStepperStarter.uxml
+++ b/Editor/ControlTemplates/QuadrantStepperStarter.uxml
@@ -1,6 +1,6 @@
 <ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:ext="UnityUIToolkit.Extensions" editor-extension-mode="False">
     <Style src="project://database/Packages/com.unity.uitoolkitextensions/Runtime/Styles/UIToolkitExtensionsControlStyles.uss" />
     <ui:VisualElement name="container" style="flex-grow: 1; align-items: center; justify-content: center;">
-        <ext:QuadrantStepper options="About,Goals,Settings,Done" />
+        <ext:QuadrantStepper style="width: 320px; height: 42px;" options="About,Goals,Settings,Done" />
     </ui:VisualElement>
 </ui:UXML>
diff --git a/Editor/ControlTemplates/ScreenHeaderStarter.uxml b/Editor/ControlTemplates/ScreenHeaderStarter.uxml
index 12751af..04e2cbd 100644
--- a/Editor/ControlTemplates/ScreenHeaderStarter.uxml
+++ b/Editor/ControlTemplates/ScreenHeaderStarter.uxml
@@ -1,7 +1,7 @@
 <ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:ext="UnityUIToolkit.Extensions" editor-extension-mode="False">
     <Style src="project://database/Packages/com.unity.uitoolkitextensions/Runtime/Styles/UIToolkitExtensionsControlStyles.uss" />
+    <Style src="project://database/Packages/com.unity.uitoolkitextensions/Editor/ControlTemplates/StarterTemplateStyles.uss" />
     <ui:VisualElement name="container" style="flex-grow: 1;">
-        <!-- Action button icons are Texture2D asset references; assign them in the Inspector or from code. -->
-        <ext:ScreenHeader title="My Screen" show-action1="true" show-action2="false" show-action3="true" show-action4-toggle="true" />
+        <ext:ScreenHeader class="screenHeaderStarter" title="My Screen" show-action1="true" show-action2="false" show-action3="true" show-action4-toggle="true" />
     </ui:VisualElement>
 </ui:UXML>
diff --git a/Editor/ControlTemplates/StarterTemplateStyles.uss b/Editor/ControlTemplates/StarterTemplateStyles.uss
index 0b561ab..4a4ee1e 100644
--- a/Editor/ControlTemplates/StarterTemplateStyles.uss
+++ b/Editor/ControlTemplates/StarterTemplateStyles.uss
@@ -12,3 +12,97 @@
 .dropDownControl .dropDownControl__triggerIcon {
 	-unity-background-image-tint-color: rgba(0, 0, 0, 1);
 }
+
+/* ToggleButton starter: the base control renders nothing until an image is assigned,
+   so the starter carries a demo look — a circular button with a volume icon and a
+   green selected state. Replace with your own image/styling in real use. */
+.toggleButtonStarter.toggleButton {
+	border-radius: 32px;
+	background-color: rgba(0, 0, 0, 0.08);
+	border-width: 2px;
+	border-color: rgba(0, 0, 0, 0.25);
+}
+
+.toggleButtonStarter .toggleButton__image {
+	width: 60%;
+	height: 60%;
+	background-image: url("../../Runtime/Assets/Icons/Volume-on.svg");
+	-unity-background-image-tint-color: rgba(0, 0, 0, 0.55);
+}
+
+.toggleButtonStarter.toggleButton--selected {
+	background-color: rgba(46, 204, 113, 1);
+	border-color: rgba(39, 174, 96, 1);
+}
+
+.toggleButtonStarter.toggleButton--selected .toggleButton__image {
+	background-image: url("../../Runtime/Assets/Icons/Volume-off.svg");
+	-unity-background-image-tint-color: rgba(255, 255, 255, 1);
+}
+
+/* ScreenHeader starter: dark header surface with icons assigned to the enabled actions
+   (back chevron, info button, volume on/off toggle), mirroring the ScreenHeader sample.
+   Also repositions the sound toggle to the right edge — the control's default placement
+   (left: 32px) overlaps the back button. */
+.screenHeaderStarter.screenHeader {
+	background-color: rgba(20, 28, 44, 0.94);
+	border-bottom-width: 1px;
+	border-bottom-color: rgba(255, 255, 255, 0.08);
+}
+
+.screenHeaderStarter .screenHeader__title {
+	color: rgba(255, 255, 255, 1);
+}
+
+.screenHeaderStarter .screenHeader__action1Button .toggleButton__image {
+	background-image: url("../../Runtime/Assets/Icons/ChevronLeft.svg");
+	-unity-background-image-tint-color: rgba(236, 240, 252, 1);
+}
+
+.screenHeaderStarter .screenHeader__action3Button.toggleButton {
+	right: 92px;
+}
+
+.screenHeaderStarter .screenHeader__action3Button .toggleButton__image {
+	background-image: url("../../Runtime/Assets/Icons/Information-icon.svg");
+	-unity-background-image-tint-color: rgba(236, 240, 252, 1);
+}
+
+.screenHeaderStarter .screenHeader__action4Toggle.toggleButton {
+	left: auto;
+	right: 16px;
+}
+
+/* Unselected = sound on */
+.screenHeaderStarter .screenHeader__action4Toggle .toggleButton__image {
+	background-image: url("../../Runtime/Assets/Icons/Volume-on.svg");
+	-unity-background-image-tint-color: rgba(124, 230, 200, 1);
+}
+
+/* Selected = muted */
+.screenHeaderStarter .screenHeader__action4Toggle.toggleButton--selected .toggleButton__image {
+	background-image: url("../../Runtime/Assets/Icons/Volume-off.svg");
+	-unity-background-image-tint-color: rgba(255, 138, 138, 1);
+}
+
+/* ElasticListView starter: simple demo rows so the list has content to scroll. */
+.elasticListViewStarter.elasticListView {
+	background-color: rgba(0, 0, 0, 0.05);
+	border-radius: 12px;
+	border-width: 1px;
+	border-color: rgba(0, 0, 0, 0.15);
+	padding: 6px;
+}
+
+.elasticListViewStarter .elasticListViewStarter__item {
+	height: 34px;
+	flex-shrink: 0;
+	margin: 3px 4px;
+	padding-left: 12px;
+	border-radius: 8px;
+	background-color: rgba(255, 255, 255, 0.85);
+	border-width: 1px;
+	border-color: rgba(0, 0, 0, 0.12);
+	color: rgba(20, 24, 32, 1);
+	-unity-text-align: middle-left;
+}
diff --git a/Editor/ControlTemplates/StepProgressBarStarter.uxml b/Editor/ControlTemplates/StepProgressBarStarter.uxml
index 3b28d40..7a8d873 100644
--- a/Editor/ControlTemplates/StepProgressBarStarter.uxml
+++ b/Editor/ControlTemplates/StepProgressBarStarter.uxml
@@ -1,6 +1,6 @@
 <ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:ext="UnityUIToolkit.Extensions" editor-extension-mode="False">
     <Style src="project://database/Packages/com.unity.uitoolkitextensions/Runtime/Styles/UIToolkitExtensionsControlStyles.uss" />
     <ui:VisualElement name="container" style="flex-grow: 1; align-items: center; justify-content: center;">
-        <ext:StepProgressBar current-steps="2" max-steps="4" inner-color="#4A90E2" outer-color="#7B68EE" style="width: 320px;" />
+        <ext:StepProgressBar current-steps="2" max-steps="4" inner-color="#4A90E2" outer-color="#7B68EE" style="width: 320px; height: 8px;" />
     </ui:VisualElement>
 </ui:UXML>
diff --git a/Editor/ControlTemplates/ToggleButtonStarter.uxml b/Editor/ControlTemplates/ToggleButtonStarter.uxml
index 47530de..3b28392 100644
--- a/Editor/ControlTemplates/ToggleButtonStarter.uxml
+++ b/Editor/ControlTemplates/ToggleButtonStarter.uxml
@@ -1,7 +1,7 @@
 <ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:ext="UnityUIToolkit.Extensions" editor-extension-mode="False">
     <Style src="project://database/Packages/com.unity.uitoolkitextensions/Runtime/Styles/UIToolkitExtensionsControlStyles.uss" />
+    <Style src="project://database/Packages/com.unity.uitoolkitextensions/Editor/ControlTemplates/StarterTemplateStyles.uss" />
     <ui:VisualElement name="container" style="flex-grow: 1; align-items: center; justify-content: center;">
-        <!-- The image attribute is a Texture2D asset reference; assign it in the Inspector, from code, or style via USS. -->
-        <ext:ToggleButton style="width: 64px; height: 64px;" />
+        <ext:ToggleButton class="toggleButtonStarter" style="width: 64px; height: 64px;" />
     </ui:VisualElement>
 </ui:UXML>
diff --git a/Editor/UIToolkitExtensionsMenuOptions.cs b/Editor/UIToolkitExtensionsMenuOptions.cs
index ae570b1..d2672be 100644
--- a/Editor/UIToolkitExtensionsMenuOptions.cs
+++ b/Editor/UIToolkitExtensionsMenuOptions.cs
@@ -206,7 +206,23 @@ private static VisualTreeAsset InstantiateTemplate(string controlName, string de
             var existing = AssetDatabase.LoadAssetAtPath<VisualTreeAsset>(destinationPath);
             if (existing != null)
             {
-                return existing;
+                if (System.IO.File.ReadAllText(sourcePath) == System.IO.File.ReadAllText(destinationPath))
+                {
+                    return existing;
+                }
+
+                if (!EditorUtility.DisplayDialog(
+                        "Starter template has changed",
+                        $"{controlName}Starter.uxml already exists in {destinationFolder} but differs from the packaged template (it may contain your edits, or come from an older package version).\n\nReplace it with the latest packaged template?",
+                        "Replace",
+                        "Keep existing"))
+                {
+                    return existing;
+                }
+
+                System.IO.File.Copy(sourcePath, destinationPath, true);
+                AssetDatabase.ImportAsset(destinationPath);
+                return AssetDatabase.LoadAssetAtPath<VisualTreeAsset>(destinationPath);
             }
 
             EnsureGeneratedAssetFolder();
diff --git a/Runtime/Controls/ColorToggleButton/ColorToggleButton.cs b/Runtime/Controls/ColorToggleButton/ColorToggleButton.cs
index 87f151a..ed7494f 100644
--- a/Runtime/Controls/ColorToggleButton/ColorToggleButton.cs
+++ b/Runtime/Controls/ColorToggleButton/ColorToggleButton.cs
@@ -13,6 +13,7 @@ namespace UnityUIToolkit.Extensions
     [UxmlElement]
     public partial class ColorToggleButton : ToggleButton
     {
+        public const string ColorRootClass = "colorToggleButton";
         public const string IconClass = "toggleButton__icon";
         public const string RippleOverlayClass = "toggleButton__ripple";
         public const string RippleOverlayVisibleClass = "toggleButton__ripple--visible";
@@ -48,6 +49,7 @@ public ColorToggleButton(Color tintColor) : this(tintColor, tintColor) { }
         public ColorToggleButton(Color tintColor, Color selectedTintColor)
         {
             this.ApplyControlStyles();
+            AddToClassList(ColorRootClass);
             image.AddToClassList(IconClass);
 
             rippleOverlay = UIToolkitExtensions.CreateVisualElement(this, RippleOverlayClass);
@@ -67,14 +69,19 @@ public void SetTintColor(Color color)
         {
             tintColor = color;
             image.style.unityBackgroundImageTintColor = color;
+            // background-color fallback so the control renders without a texture assigned
+            image.style.backgroundColor = color;
         }
 
         public void SetSelectedTintColor(Color color)
         {
             selectedTintColor = color;
             selectedOverlay.style.unityBackgroundImageTintColor = color;
+            selectedOverlay.style.backgroundColor = color;
             rippleOverlay.style.unityBackgroundImageTintColor = color;
+            rippleOverlay.style.backgroundColor = color;
             rippleOverlaySecondary.style.unityBackgroundImageTintColor = color;
+            rippleOverlaySecondary.style.backgroundColor = color;
         }
 
         protected override void ApplySelectionState(bool selected)
diff --git a/Runtime/Controls/ElasticListView/ElasticListView.cs b/Runtime/Controls/ElasticListView/ElasticListView.cs
index d0af0ef..4d8b604 100644
--- a/Runtime/Controls/ElasticListView/ElasticListView.cs
+++ b/Runtime/Controls/ElasticListView/ElasticListView.cs
@@ -75,6 +75,13 @@ public partial class ElasticListView : VisualElement
         /// </summary>
         public event Action LoadMoreRequested;
 
+        /// <summary>
+        /// Routes UXML children (and plain <see cref="VisualElement.Add"/> calls) into the item
+        /// content, so items can be authored directly in UXML / UI Builder as well as via
+        /// <see cref="AddItem"/>/<see cref="SetItems(System.Collections.Generic.IEnumerable{UnityEngine.UIElements.VisualElement})"/>.
+        /// </summary>
+        public override VisualElement contentContainer => content ?? this;
+
         public ElasticListView()
         {
             this.ApplyControlStyles();
@@ -86,20 +93,22 @@ public ElasticListView()
                 horizontalScrollerVisibility = ScrollerVisibility.Hidden
             };
             scrollView.AddToClassList(ScrollContainerClass);
-            Add(scrollView);
+            hierarchy.Add(scrollView);
             scrollViewport = scrollView.Q<VisualElement>(className: ScrollView.viewportUssClassName);
 
             manualViewport = UIToolkitExtensions.CreateVisualElement(ScrollContainerClass);
             manualViewport.style.overflow = Overflow.Hidden;
             manualViewport.style.display = DisplayStyle.None;
-            Add(manualViewport);
+            hierarchy.Add(manualViewport);
 
             content = UIToolkitExtensions.CreateVisualElement(scrollView, ContentClass);
             content.style.flexGrow = 0f;
             content.style.flexShrink = 0f;
 
-            emptyLabel = UIToolkitExtensions.CreateVisualElement<Label>(this, EmptyLabelClass);
+            // hierarchy.Add: once `content` exists, this.Add() would route into it via contentContainer.
+            emptyLabel = UIToolkitExtensions.CreateVisualElement<Label>(EmptyLabelClass);
             emptyLabel.style.display = DisplayStyle.None;
+            hierarchy.Add(emptyLabel);
 
             RegisterCallback<GeometryChangedEvent>(OnListGeometryChanged);
             content.RegisterCallback<GeometryChangedEvent>(OnContentGeometryChanged);
diff --git a/Runtime/Controls/ImageCropOverlayControl/ImageCropOverlayControl.cs b/Runtime/Controls/ImageCropOverlayControl/ImageCropOverlayControl.cs
index c312c1e..2c5488e 100644
--- a/Runtime/Controls/ImageCropOverlayControl/ImageCropOverlayControl.cs
+++ b/Runtime/Controls/ImageCropOverlayControl/ImageCropOverlayControl.cs
@@ -618,7 +618,7 @@ private Texture2D CreateCroppedTexture()
             {
                 if (destroySamplingTexture)
                 {
-                    UnityEngine.Object.Destroy(samplingTexture);
+                    UnityEngine.Object.DestroyImmediate(samplingTexture);
                 }
             }
 
diff --git a/Runtime/Controls/StepProgressBar/StepProgressBar.cs b/Runtime/Controls/StepProgressBar/StepProgressBar.cs
index fa57877..ff74aba 100644
--- a/Runtime/Controls/StepProgressBar/StepProgressBar.cs
+++ b/Runtime/Controls/StepProgressBar/StepProgressBar.cs
@@ -125,7 +125,7 @@ private void DestroyFillTexture()
         {
             if (fillTexture != null)
             {
-                UnityEngine.Object.Destroy(fillTexture);
+                UnityEngine.Object.DestroyImmediate(fillTexture);
                 fillTexture = null;
             }
         }
diff --git a/Runtime/Styles/UIToolkitExtensionsControlStyles.uss b/Runtime/Styles/UIToolkitExtensionsControlStyles.uss
index ed98d4c..9393172 100644
--- a/Runtime/Styles/UIToolkitExtensionsControlStyles.uss
+++ b/Runtime/Styles/UIToolkitExtensionsControlStyles.uss
@@ -39,6 +39,8 @@
 	flex-direction: row;
 	align-items: stretch;
 	flex-wrap: nowrap;
+	min-width: 240px;
+	min-height: 42px;
 
 	background-color: var(--quadrantStepper-background-color);
 	border-radius: var(--quadrantStepper-border-radius-medium);
@@ -77,7 +79,7 @@
 
 .quadrantStepper > .quadrantStepper__segments > .quadrantStepper__segment > .quadrantStepper__label {
 	-unity-text-align: middle-center;
-	font-size: var(--normal-font-size);
+	font-size: var(--normal-font-size, 14px);
 	-unity-font-style: bold;
 	color: var(--quadrantStepper-label-color);
 }
@@ -94,10 +96,28 @@
 /* RoundedInputField */
 .roundedInputField {
 	flex-grow: 1;
+	background-color: rgba(255, 255, 255, 0.04);
+	border-width: 1px;
+	border-color: rgba(255, 255, 255, 0.14);
+	border-radius: 14px;
+	overflow: hidden;
 }
 
 .roundedInputField__textField {
 	flex-grow: 1;
+	margin: 0;
+	background-color: rgba(0, 0, 0, 0);
+	border-width: 0;
+}
+
+.roundedInputField__input {
+	background-color: rgba(0, 0, 0, 0);
+	border-width: 0;
+	padding-left: 16px;
+	padding-right: 16px;
+	padding-top: 12px;
+	padding-bottom: 12px;
+	-unity-text-align: middle-left;
 }
 
 .roundedInputField__placeholder {
@@ -106,6 +126,8 @@
 	left: 0;
 	right: 0;
 	bottom: 0;
+	padding-left: 16px;
+	color: rgba(190, 200, 225, 0.9);
 	-unity-text-align: middle-left;
 }
 
@@ -205,10 +227,40 @@
 
 .pillInputField__label {
 	display: none;
+	font-size: 12px;
+	color: rgba(173, 183, 210, 0.85);
+	margin-left: 4px;
+	margin-bottom: 6px;
+	-unity-text-align: upper-left;
 }
 
 .pillInputField__input {
 	flex-grow: 1;
+	margin: 0;
+	min-height: 44px;
+	justify-content: center;
+	background-color: rgba(255, 255, 255, 0.04);
+	border-width: 1px;
+	border-color: rgba(255, 255, 255, 0.14);
+	border-radius: 22px;
+}
+
+.pillInputField__input .unity-text-field__input,
+.pillInputField__input .unity-base-text-field__input {
+	flex-grow: 1;
+	background-color: rgba(0, 0, 0, 0);
+	background-image: none;
+	border-width: 0;
+	margin: 0;
+	padding-left: 16px;
+	padding-right: 16px;
+	-unity-text-align: middle-left;
+}
+
+.pillInputField__input .unity-text-field__placeholder,
+.pillInputField__input .unity-base-text-field__placeholder {
+	color: rgba(190, 200, 225, 0.9);
+	-unity-text-align: middle-left;
 }
 
 /* PillSelector */
@@ -218,15 +270,28 @@
 
 .pillSelector__label {
 	display: none;
+	font-size: 12px;
+	color: rgba(173, 183, 210, 0.85);
+	margin-left: 4px;
+	margin-bottom: 6px;
+	-unity-text-align: upper-left;
 }
 
 .pillSelector__container {
 	flex-direction: row;
 	align-items: center;
+	min-height: 44px;
+	background-color: rgba(255, 255, 255, 0.04);
+	border-width: 1px;
+	border-color: rgba(255, 255, 255, 0.14);
+	border-radius: 22px;
+	padding-left: 16px;
+	padding-right: 14px;
 }
 
 .pillSelector__clickableLabel {
 	flex-grow: 1;
+	-unity-text-align: middle-left;
 }
 
 .pillSelector__icon {
@@ -536,6 +601,12 @@
 }
 
 /* ColorToggleButton */
+.colorToggleButton {
+	width: 44px;
+	height: 44px;
+	margin: 4px;
+}
+
 .toggleButton__icon {
 	position: absolute;
 	top: 0;
@@ -615,7 +686,7 @@
 
 /* StepProgressBar */
 .stepProgressBar {
-	flex-grow: 1;
+	min-height: 6px;
 }
 
 .stepProgressBar__background {
@@ -629,6 +700,10 @@
 }
 
 /* PillButton */
+.pillButton {
+	min-height: 40px;
+}
+
 .pillButton__background {
 	border-radius: 50px;
 	overflow: hidden;
@@ -658,6 +733,9 @@
 .pillButton__label {
 	-unity-text-align: middle-center;
 	flex-grow: 1;
+	color: rgb(255, 255, 255);
+	padding-left: 12px;
+	padding-right: 12px;
 }
 
 /* NotificationBadge */

From 28d288c2f8be2eef4c6bd9ae02a7ccb7870f906c Mon Sep 17 00:00:00 2001
From: "Simon (Darkside) Jackson" <darkside@zenithmoon.com>
Date: Wed, 5 Aug 2026 18:25:04 +0100
Subject: [PATCH 3/5] Patch examples and editor options from testing

---
 .../ComingSoonMessageStarter.uxml             |  3 +-
 .../ControlTemplates/DropDownMenuStarter.uxml | 10 +++
 .../DropDownMenuStarter.uxml.meta             | 10 +++
 .../StarterTemplateStyles.uss                 | 51 +++++++++++++
 Editor/UIToolkitExtensionsMenuOptions.cs      | 23 +++++-
 Examples~                                     |  2 +-
 .../DropDownMenuStarterController.cs          | 73 +++++++++++++++++++
 .../DropDownMenuStarterController.cs.meta     |  2 +
 8 files changed, 169 insertions(+), 5 deletions(-)
 create mode 100644 Editor/ControlTemplates/DropDownMenuStarter.uxml
 create mode 100644 Editor/ControlTemplates/DropDownMenuStarter.uxml.meta
 create mode 100644 Runtime/Controls/DropDownMenuControl/DropDownMenuStarterController.cs
 create mode 100644 Runtime/Controls/DropDownMenuControl/DropDownMenuStarterController.cs.meta

diff --git a/Editor/ControlTemplates/ComingSoonMessageStarter.uxml b/Editor/ControlTemplates/ComingSoonMessageStarter.uxml
index 68ada3a..cd1bdc1 100644
--- a/Editor/ControlTemplates/ComingSoonMessageStarter.uxml
+++ b/Editor/ControlTemplates/ComingSoonMessageStarter.uxml
@@ -1,6 +1,7 @@
 <ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:ext="UnityUIToolkit.Extensions" editor-extension-mode="False">
     <Style src="project://database/Packages/com.unity.uitoolkitextensions/Runtime/Styles/UIToolkitExtensionsControlStyles.uss" />
+    <Style src="project://database/Packages/com.unity.uitoolkitextensions/Editor/ControlTemplates/StarterTemplateStyles.uss" />
     <ui:VisualElement name="container" style="flex-grow: 1; align-items: center; justify-content: center;">
-        <ext:ComingSoonMessage title="Coming Soon" message="This feature is on its way. Stay tuned!" />
+        <ext:ComingSoonMessage class="comingSoonMessageStarter" title="Coming Soon" message="This feature is on its way. Stay tuned!" />
     </ui:VisualElement>
 </ui:UXML>
diff --git a/Editor/ControlTemplates/DropDownMenuStarter.uxml b/Editor/ControlTemplates/DropDownMenuStarter.uxml
new file mode 100644
index 0000000..5be0a51
--- /dev/null
+++ b/Editor/ControlTemplates/DropDownMenuStarter.uxml
@@ -0,0 +1,10 @@
+<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:ext="UnityUIToolkit.Extensions" editor-extension-mode="False">
+    <Style src="project://database/Packages/com.unity.uitoolkitextensions/Runtime/Styles/UIToolkitExtensionsControlStyles.uss" />
+    <Style src="project://database/Packages/com.unity.uitoolkitextensions/Editor/ControlTemplates/StarterTemplateStyles.uss" />
+    <ui:VisualElement name="container" style="flex-grow: 1; align-items: center; justify-content: center;">
+        <ui:VisualElement name="menu-item-row" class="dropDownMenuStarter__row">
+            <ui:Label name="menu-status" text="Menu starter item" class="dropDownMenuStarter__label" />
+            <ui:Label name="menu-trigger" text="···" class="dropDownMenuStarter__trigger" />
+        </ui:VisualElement>
+    </ui:VisualElement>
+</ui:UXML>
diff --git a/Editor/ControlTemplates/DropDownMenuStarter.uxml.meta b/Editor/ControlTemplates/DropDownMenuStarter.uxml.meta
new file mode 100644
index 0000000..c997ee0
--- /dev/null
+++ b/Editor/ControlTemplates/DropDownMenuStarter.uxml.meta
@@ -0,0 +1,10 @@
+fileFormatVersion: 2
+guid: 5c8d2f7a9e1b4c60b3a6d9e2c5f8b140
+ScriptedImporter:
+  internalIDToNameTable: []
+  externalObjects: {}
+  serializedVersion: 2
+  userData:
+  assetBundleName:
+  assetBundleVariant:
+  script: {fileID: 13804, guid: 0000000000000000e000000000000000, type: 0}
diff --git a/Editor/ControlTemplates/StarterTemplateStyles.uss b/Editor/ControlTemplates/StarterTemplateStyles.uss
index 4a4ee1e..c9fed14 100644
--- a/Editor/ControlTemplates/StarterTemplateStyles.uss
+++ b/Editor/ControlTemplates/StarterTemplateStyles.uss
@@ -85,6 +85,57 @@
 	-unity-background-image-tint-color: rgba(255, 138, 138, 1);
 }
 
+/* DropDownMenu starter: DropDownMenuControl is code-only, so the starter ships a single
+   bordered item row (white card look for the light default runtime theme) whose "···"
+   trigger is wired by DropDownMenuStarterController, added by the GameObject menu entry. */
+.dropDownMenuStarter__row {
+	width: 80%;
+	max-width: 420px;
+	height: 72px;
+	flex-direction: row;
+	align-items: center;
+	padding-left: 20px;
+	padding-right: 12px;
+	background-color: rgba(255, 255, 255, 1);
+	border-width: 1px;
+	border-color: rgba(0, 0, 0, 0.15);
+	border-radius: 22px;
+}
+
+.dropDownMenuStarter__label {
+	flex-grow: 1;
+	font-size: 17px;
+	color: rgba(20, 24, 32, 1);
+	-unity-text-align: middle-left;
+}
+
+.dropDownMenuStarter__trigger {
+	width: 44px;
+	height: 44px;
+	flex-shrink: 0;
+	border-radius: 22px;
+	background-color: rgba(0, 0, 0, 0.06);
+	color: rgba(20, 24, 32, 0.8);
+	font-size: 22px;
+	-unity-font-style: bold;
+	-unity-text-align: middle-center;
+}
+
+.dropDownMenuStarter__trigger:hover {
+	background-color: rgba(0, 0, 0, 0.12);
+}
+
+/* ComingSoonMessage starter: white bordered card around the message panel so it
+   reads as a distinct surface instead of floating text. */
+.comingSoonMessageStarter .comingSoonMessage__background {
+	background-color: rgba(255, 255, 255, 1);
+	border-width: 1px;
+	border-color: rgba(0, 0, 0, 0.15);
+	border-radius: 12px;
+	padding: 28px 40px;
+	color: rgba(20, 24, 32, 1);
+}
+
 /* ElasticListView starter: simple demo rows so the list has content to scroll. */
 .elasticListViewStarter.elasticListView {
 	background-color: rgba(0, 0, 0, 0.05);
diff --git a/Editor/UIToolkitExtensionsMenuOptions.cs b/Editor/UIToolkitExtensionsMenuOptions.cs
index d2672be..7323596 100644
--- a/Editor/UIToolkitExtensionsMenuOptions.cs
+++ b/Editor/UIToolkitExtensionsMenuOptions.cs
@@ -47,6 +47,18 @@ internal static class UIToolkitExtensionsMenuOptions
         [MenuItem("GameObject/UI Toolkit/Extensions/Drop Down Control", false, 10)]
         public static void AddDropDownControl(MenuCommand menuCommand) => AddControl("DropDownControl", menuCommand);
 
+        [MenuItem("GameObject/UI Toolkit/Extensions/Drop Down Menu", false, 10)]
+        public static void AddDropDownMenu(MenuCommand menuCommand)
+        {
+            // DropDownMenuControl is code-only (no UXML element), so this starter pairs its
+            // UXML layout with a demo driver component that opens the menu from the "···" trigger.
+            var go = AddControl("DropDownMenu", menuCommand);
+            if (go != null)
+            {
+                go.AddComponent<DropDownMenuStarterController>();
+            }
+        }
+
         [MenuItem("GameObject/UI Toolkit/Extensions/Elastic List View", false, 10)]
         public static void AddElasticListView(MenuCommand menuCommand) => AddControl("ElasticListView", menuCommand);
 
@@ -115,6 +127,9 @@ internal static class UIToolkitExtensionsMenuOptions
         [MenuItem("Assets/Create/UI Toolkit/Extensions/Drop Down Control Starter", false, 601)]
         public static void CreateDropDownControlStarter() => CreateStarterAsset("DropDownControl");
 
+        [MenuItem("Assets/Create/UI Toolkit/Extensions/Drop Down Menu Starter", false, 601)]
+        public static void CreateDropDownMenuStarter() => CreateStarterAsset("DropDownMenu");
+
         [MenuItem("Assets/Create/UI Toolkit/Extensions/Elastic List View Starter", false, 601)]
         public static void CreateElasticListViewStarter() => CreateStarterAsset("ElasticListView");
 
@@ -166,14 +181,15 @@ internal static class UIToolkitExtensionsMenuOptions
 
         /// <summary>
         /// Ensures the scene can display UI Toolkit content and adds a UIDocument showing
-        /// the starter template for the requested control.
+        /// the starter template for the requested control. Returns the created GameObject
+        /// (or null if the template could not be loaded) so callers can attach extras.
         /// </summary>
-        private static void AddControl(string controlName, MenuCommand menuCommand)
+        private static GameObject AddControl(string controlName, MenuCommand menuCommand)
         {
             var template = InstantiateTemplate(controlName, GeneratedAssetFolder);
             if (template == null)
             {
-                return;
+                return null;
             }
 
             var panelSettings = GetOrCreatePanelSettings();
@@ -187,6 +203,7 @@ private static void AddControl(string controlName, MenuCommand menuCommand)
             document.visualTreeAsset = template;
 
             Selection.activeGameObject = go;
+            return go;
         }
 
         /// <summary>
diff --git a/Examples~ b/Examples~
index d9bbc60..6ae05bc 160000
--- a/Examples~
+++ b/Examples~
@@ -1 +1 @@
-Subproject commit d9bbc60832b2d59561299ffc6e8b361934f64610
+Subproject commit 6ae05bc489e62eeb1194dc8b8fad8ffac7d9b404
diff --git a/Runtime/Controls/DropDownMenuControl/DropDownMenuStarterController.cs b/Runtime/Controls/DropDownMenuControl/DropDownMenuStarterController.cs
new file mode 100644
index 0000000..3a883ad
--- /dev/null
+++ b/Runtime/Controls/DropDownMenuControl/DropDownMenuStarterController.cs
@@ -0,0 +1,73 @@
+/// Credit SimonDarksideJ
+
+using System.Collections.Generic;
+using UnityEngine;
+using UnityEngine.UIElements;
+
+namespace UnityUIToolkit.Extensions
+{
+    /// <summary>
+    /// Demo driver for the Drop Down Menu starter template. <see cref="DropDownMenuControl"/>
+    /// is purely programmatic (it has no UXML element), so unlike the other starters this one
+    /// pairs its UXML layout with a small component that constructs the menu and wires the
+    /// "···" trigger. Replace it with your own controller in real use — the ActionMenu example
+    /// shows the same wiring across multiple rows and placements.
+    /// </summary>
+    [RequireComponent(typeof(UIDocument))]
+    public class DropDownMenuStarterController : MonoBehaviour
+    {
+        // Constructed in Start — VisualElements must not be created from a MonoBehaviour
+        // constructor or field initializer.
+        private DropDownMenuControl menu;
+
+        private Label statusLabel;
+
+        private void Start()
+        {
+            var document = GetComponent<UIDocument>();
+            VisualElement root = document.rootVisualElement;
+
+            menu = new DropDownMenuControl();
+
+            statusLabel = root.Q<Label>("menu-status");
+            var trigger = root.Q<VisualElement>("menu-trigger");
+            if (trigger == null)
+            {
+                Debug.LogWarning("DropDownMenuStarterController: no element named 'menu-trigger' found in the starter UXML.", this);
+                return;
+            }
+
+            trigger.RegisterCallback<ClickEvent>(evt =>
+            {
+                evt.StopPropagation();
+                OpenMenu(trigger);
+            });
+        }
+
+        private void OpenMenu(VisualElement anchor)
+        {
+            menu.Open(anchor, new List<DropDownMenuControl.DropDownOption>
+            {
+                new DropDownMenuControl.DropDownOption("View", () => ReportAction("View")),
+                new DropDownMenuControl.DropDownOption("Edit", () => ReportAction("Edit")),
+                new DropDownMenuControl.DropDownOption("Remove", () => ReportAction("Remove")),
+            },
+            DropDownMenuControl.Placement.AnchorRight,
+            onDismissed: () => ReportStatus("Menu dismissed"));
+        }
+
+        private void ReportAction(string action)
+        {
+            ReportStatus($"'{action}' selected");
+        }
+
+        private void ReportStatus(string status)
+        {
+            Debug.Log($"Drop Down Menu starter: {status}.");
+            if (statusLabel != null)
+            {
+                statusLabel.text = status;
+            }
+        }
+    }
+}
diff --git a/Runtime/Controls/DropDownMenuControl/DropDownMenuStarterController.cs.meta b/Runtime/Controls/DropDownMenuControl/DropDownMenuStarterController.cs.meta
new file mode 100644
index 0000000..f3bd610
--- /dev/null
+++ b/Runtime/Controls/DropDownMenuControl/DropDownMenuStarterController.cs.meta
@@ -0,0 +1,2 @@
+fileFormatVersion: 2
+guid: 6b4a8d2e9f0c4571a8d1c3b6e9f2a754
\ No newline at end of file

From 7cbaf512700b7d0cbb27f56090df506a082172f7 Mon Sep 17 00:00:00 2001
From: "Simon (Darkside) Jackson" <darkside@zenithmoon.com>
Date: Wed, 5 Aug 2026 18:36:33 +0100
Subject: [PATCH 4/5] Update examples checkout for V1

---
 Examples~ | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Examples~ b/Examples~
index 6ae05bc..5f35008 160000
--- a/Examples~
+++ b/Examples~
@@ -1 +1 @@
-Subproject commit 6ae05bc489e62eeb1194dc8b8fad8ffac7d9b404
+Subproject commit 5f35008ee1ea4097423999229533b2193a2b7dcb

From b3f03f57d9ef16dc759d673a1174561efc14d03c Mon Sep 17 00:00:00 2001
From: "Simon (Darkside) Jackson" <darkside@zenithmoon.com>
Date: Thu, 6 Aug 2026 22:49:25 +0100
Subject: [PATCH 5/5] Disable Linux as Buildalon is failing

---
 .github/workflows/development-buildandtestupmrelease.yml | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/development-buildandtestupmrelease.yml b/.github/workflows/development-buildandtestupmrelease.yml
index 6eafe78..570fcd5 100644
--- a/.github/workflows/development-buildandtestupmrelease.yml
+++ b/.github/workflows/development-buildandtestupmrelease.yml
@@ -33,8 +33,8 @@ jobs:
           - '6000.6'
           - '6000.7'
         include:
-          - os: ubuntu-latest
-            build-targets: StandaloneLinux64, Android
+          # - os: ubuntu-latest
+          #   build-targets: StandaloneLinux64, Android
           - os: windows-latest
             build-targets: StandaloneWindows64, Android
           - os: macos-latest