Html2uuitk

screenshot of Html2uuitk

Convert from HTML + CSS to Unity's UI toolkit

Overview

The html2uuitk is a powerful tool designed to transform HTML and CSS layouts into Unity's UI toolkit formats, specifically USS (Unity Style Sheets) and UXML. For developers looking to integrate web design into their Unity projects seamlessly, this tool offers a practical solution that streamlines the conversion process. With the ability to handle various configuration options, it caters to both beginners and seasoned developers.

What sets this converter apart is its ability to substitute CSS variables and map assets effectively, ensuring that the visual elements in your Unity application maintain their integrity. Whether you have a simple layout or a complex design, html2uuitk makes it easier to bring web-based styles into your Unity environment.

Features

  • Input Flexibility: Accepts both HTML and CSS files, allowing you to work with diverse layouts and styles efficiently.
  • Configuration Options: Offers an optional JSON configuration file to tailor the conversion process to your specific needs.
  • CSS Variable Substitution: Supports replacing CSS custom properties with their actual values, ensuring your styles are accurately reflected in the USS files.
  • Unity Asset Mapping: Facilitates the mapping of CSS font references to Unity asset paths, preserving the intended typography in your design.
  • Automatic Property Transformation: Converts CSS properties to their corresponding USS properties, simplifying the adaptation of styles for Unity development.
  • Warnings for Unsupported Properties: Alerts you to unsupported CSS properties during conversion, allowing for quick adjustments.
  • Uppercase Text Option: Provides a feature to automatically convert text content to uppercase if desired.
  • Reset CSS Support: Includes an optional reset CSS file to help standardize styles across different browsers before conversion.