> For the complete documentation index, see [llms.txt](https://smartui-docs.pixelperfectstudio.mx/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://smartui-docs.pixelperfectstudio.mx/readme.md).

# Smart UI for Construct 3

Welcome to the official documentation page for Smart UI for Construct 3 by PXL Perfect Studio®.&#x20;

{% hint style="info" %}
Minimum Construct 3 version: Requires Construct 3 <mark style="color:blue;">**r420.2 or higher**</mark>**.**
{% endhint %}

{% hint style="success" %}
Tool status: <img src="/files/56dinAIUkTQ9jgI3q85Z" alt="" data-size="line">  <mark style="color:green;">**Commercial Version is Live!**</mark> <img src="/files/fPDR8obtrysoqYv5KKEJ" alt="" data-size="line">&#x20;
{% endhint %}

{% hint style="info" %}
SmartUI is also available for <mark style="color:blue;">**free under NON-COMMERCIAL**</mark> <mark style="color:blue;">**licensing**</mark><mark style="color:blue;">.</mark>&#x20;
{% endhint %}

<figure><img src="/files/8e7yfvXN8nDGia8oeKy8" alt="" width="188"><figcaption></figcaption></figure>

{% embed url="<https://store.pixelperfectstudio.mx/smart-ui-framework/>" %}
Official Site
{% endembed %}

{% embed url="<https://ppstudiomty.itch.io/smart-ui>" %}
Itchio - Free N.C. Version Only
{% endembed %}

{% hint style="warning" %}

#### Limitations in the <mark style="color:yellow;">Non-Commercial</mark> version

* **No Minification**: Advanced minification support is not available in this version.
* **Worker Mode Not Supported**: Some performance features are not yet available.
* **Internet Connection Required**: The framework is served from a CDN and needs a constant internet connection.
* **Export Options**: Currently supports **HTML5** and **Scirra Arcade** exports only.
* **Performance Not Fully Optimized**: The code is heavily obfuscated for security, but it still performs well under most use cases.
* <mark style="color:red;">**Any type of monetization is not permited if you use this version**</mark>.
  {% endhint %}

### :mortar\_board: Jump right in

<table data-view="cards"><thead><tr><th></th><th></th><th data-type="content-ref"></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Getting Started</strong></td><td>What's SmartUI and how to use it.</td><td></td><td><a href="/files/GyPU8aMZHva0mhA9K71f">/files/GyPU8aMZHva0mhA9K71f</a></td><td></td><td><a href="/pages/CyH2xJQs9yWJ1S8BYNav">/pages/CyH2xJQs9yWJ1S8BYNav</a></td></tr><tr><td><strong>Document Flow</strong></td><td>Learn how the components are prioritized for navigation.</td><td></td><td><a href="/files/Uaiu23KkYXRigpu9BKA9">/files/Uaiu23KkYXRigpu9BKA9</a></td><td></td><td><a href="/pages/9cpU8iPRAK1jkXbYWqCx">/pages/9cpU8iPRAK1jkXbYWqCx</a></td></tr><tr><td><strong>Using Smart Components</strong></td><td>Constraints and features you should you know before using SmartUI components.</td><td></td><td><a href="/files/pS6wPB6zvGu5JXigwjnT">/files/pS6wPB6zvGu5JXigwjnT</a></td><td></td><td><a href="/pages/6PBI7mUnFGVnYsRW0GSt">/pages/6PBI7mUnFGVnYsRW0GSt</a></td></tr><tr><td><strong>YouTube Tutorials</strong></td><td>Basic Setup Tutorials, 3-5 minutes long and you'll quickly get going.</td><td></td><td><a href="/files/fQCy9sHtfeR3L79BcIuA">/files/fQCy9sHtfeR3L79BcIuA</a></td><td></td><td><a href="https://youtube.com/playlist?list=PLCtgpgkbbqvMk7-czsdPCmjcl6jxQciiD&#x26;feature=shared">https://youtube.com/playlist?list=PLCtgpgkbbqvMk7-czsdPCmjcl6jxQciiD&#x26;feature=shared</a></td></tr><tr><td>Release Notes</td><td>Something old, something new, something borrowed, something blue.</td><td></td><td><a href="/files/jQsyma7Pe1fXSoBXK2mP">/files/jQsyma7Pe1fXSoBXK2mP</a></td><td></td><td><a href="/pages/44PLZF2goKjb4yrWOM0J">/pages/44PLZF2goKjb4yrWOM0J</a></td></tr><tr><td>Project Templates</td><td>I've build some copy-paste components for your projects.</td><td></td><td><a href="/files/a2tGg4a0G79NIks6Pnf7">/files/a2tGg4a0G79NIks6Pnf7</a></td><td></td><td><a href="https://store.pixelperfectstudio.mx/product-category/smartui-examples/">https://store.pixelperfectstudio.mx/product-category/smartui-examples/</a></td></tr><tr><td><strong>Issues and Features</strong></td><td>Visit the gitHub repository if you think you have a great idea to share, or if you believe I f**d up the code.</td><td></td><td><a href="/files/WsGRzFXnLHLTHJGwSLpJ">/files/WsGRzFXnLHLTHJGwSLpJ</a></td><td></td><td><a href="https://github.com/sotano42/Smart-UI/blob/main/README.md">https://github.com/sotano42/Smart-UI/blob/main/README.md</a></td></tr><tr><td><strong>Gamepad Demo</strong></td><td>Try SmartUI demo online! Check out all the cool features.</td><td></td><td><a href="/files/O13oTZplUHlcgdknl27U">/files/O13oTZplUHlcgdknl27U</a></td><td></td><td><a href="https://pixelperfectstudio.mx/ConstructGamesDemo/SmartUIGamepadDemo">https://pixelperfectstudio.mx/ConstructGamesDemo/SmartUIGamepadDemo</a></td></tr></tbody></table>

### <img src="/files/fHN5vhdd3moOLX4N7ToJ" alt="" data-size="line"> Version Comparison

<table><thead><tr><th>Feature</th><th width="243" data-type="checkbox">Non-Comm. Beta</th><th data-type="checkbox">Commercial Beta</th></tr></thead><tbody><tr><td>Smart UI Framework</td><td>true</td><td>true</td></tr><tr><td>Push Buttons</td><td>true</td><td>true</td></tr><tr><td>Check Boxes</td><td>true</td><td>true</td></tr><tr><td>Radio Buttons</td><td>true</td><td>true</td></tr><tr><td>Scroll Bars</td><td>true</td><td>true</td></tr><tr><td>Progress Bars</td><td>true</td><td>true</td></tr><tr><td>Discrete Progress</td><td>true</td><td>true</td></tr><tr><td>Containers</td><td>true</td><td>true</td></tr><tr><td>Dialogs</td><td>true</td><td>true</td></tr><tr><td>Scroll View</td><td>true</td><td>true</td></tr><tr><td>Grid Layout</td><td>true</td><td>true</td></tr><tr><td>Data Listener</td><td>true</td><td>true</td></tr><tr><td>Framework Served from CDN (Always requires internet connection)</td><td>true</td><td>false</td></tr><tr><td>Performance Optimization</td><td>false</td><td>true</td></tr><tr><td>Usage Data opt-out</td><td>false</td><td>true</td></tr><tr><td>HTML5 Export</td><td>true</td><td>true</td></tr><tr><td>Scirra Arcade</td><td>true</td><td>true</td></tr><tr><td>Android export</td><td>false</td><td>true</td></tr><tr><td>iOS export</td><td>false</td><td>true</td></tr><tr><td>NWjs</td><td>false</td><td>true</td></tr><tr><td>Windows WebView</td><td>false</td><td>true</td></tr><tr><td>MacOS WebView</td><td>false</td><td>true</td></tr><tr><td>Linux (CEF)</td><td>false</td><td>true</td></tr><tr><td>XBox WebView</td><td>false</td><td>true</td></tr><tr><td>Instant Games</td><td>false</td><td>true</td></tr><tr><td>Playable Ad</td><td>false</td><td>true</td></tr><tr><td>Advanced Minification (UglifyJS)</td><td>false</td><td>true</td></tr><tr><td>Worker Mode</td><td>false</td><td>true</td></tr><tr><td>Commercial Use</td><td>false</td><td>true</td></tr><tr><td>No Splashscreen</td><td>false</td><td>true</td></tr><tr><td>Offline Support</td><td>false</td><td>true</td></tr><tr><td>Regular Updates and Support</td><td>false</td><td>true</td></tr></tbody></table>
