https://github.com/ernsur/ui-toolkit-plus

Boilerplate Code Generation, Tabs, Reorderable Manipulator, Built-in USS Exporter
https://github.com/ernsur/ui-toolkit-plus

code-generation ui-toolkit unity unity-editor unity-ui unity-uielements unity3d

Last synced: 10 months ago
JSON representation

Boilerplate Code Generation, Tabs, Reorderable Manipulator, Built-in USS Exporter

• Host: GitHub
• URL: https://github.com/ernsur/ui-toolkit-plus
• Owner: ErnSur
• License: mit
• Created: 2020-05-12T16:44:55.000Z (almost 6 years ago)
• Default Branch: upm
• Last Pushed: 2024-11-03T14:21:24.000Z (over 1 year ago)
• Last Synced: 2025-04-04T09:06:25.778Z (10 months ago)
• Topics: code-generation, ui-toolkit, unity, unity-editor, unity-ui, unity-uielements, unity3d
• Language: C#
• Homepage:
• Size: 1.18 MB
• Stars: 212
• Watchers: 6
• Forks: 12
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# UI Toolkit Plus

![license](https://img.shields.io/github/license/ErnSur/UI-Toolkit-Plus)

![UnityVersion](https://img.shields.io/static/v1?label=unity&message=2021.3%2B&color=blue&style=flat&logo=Unity)

[![openupm](https://img.shields.io/npm/v/com.quickeye.ui-toolkit-plus?label=openupm&registry_uri=https://package.openupm.com)](https://openupm.com/packages/com.quickeye.ui-toolkit-plus/)

[![HowToInstall](https://img.shields.io/badge/-How%20To%20Install-gray)](https://docs.unity3d.com/Manual/upm-ui-giturl.html)

### About

Reusable features for UI Toolkit runtime and editor.

### UI Code Generation

You can generate a partial C# class from the UXML file.

Given the following UXML:

```xml

    

    

```

Tool generates C# script:

```csharp

partial class UXMLFileName

{

    private Label title;

    private VisualElement menu;

    private Button confirmButton;

    private void AssignQueryResults(VisualElement root)

    {

        title = root.Q("title");

        menu = root.Q("menu");

        confirmButton = root.Q("confirm-button");

    }

}

```

- [Detailed documentation about code generation](Documentation~/UxmlCodeGeneration.md)

- [`QAttribute` approach to query assignment](Documentation~/QAttribute.md)

### Style Sheet Exporter

> Open from context menu: __Window/UI Toolkit/Style Sheet Exporter__  

> Available with Unity 2022.1 and newer

Ever wanted to see how Unity's built-in controls are styled?  

With this tool, you can! Export style sheet assets used by Unity Editor to USS files.

![Style Sheet Exporter Window](Documentation~/style-sheet-exporter.png)

### `TabGroup`, `Tab` and `TabDropdown`

> Sample project: Samples/Tabs

![](Documentation~/tabs.gif)

### `ReorderableManipulator`

> Sample project: Samples/ReorderableCards