# Smart UI for Construct 3

Welcome to the official documentation page for Smart UI for Construct 3 by Pixel Perfect Studio. 

{% 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="https://3242409510-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9bZkqK9vYvPkvVDUO4Tp%2Fuploads%2FwMtCwPJfyoAIT5KFMyTq%2Ficon.svg?alt=media&#x26;token=f1e8a3a8-1cca-4b43-862f-b1e4a02fa985" alt="" data-size="line">  <mark style="color:green;">**Commercial Version is Live!**</mark> <img src="https://3242409510-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9bZkqK9vYvPkvVDUO4Tp%2Fuploads%2FOAzGELO8Yh1GBqahzTdi%2Fg196529.png?alt=media&#x26;token=22d67fc8-e390-41d0-9f10-875ab9cc1370" 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="https://3242409510-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9bZkqK9vYvPkvVDUO4Tp%2Fuploads%2FUokyqVoxspcmkcPphS57%2Fg17142.png?alt=media&#x26;token=3eb4625a-1351-4579-b26b-96b31d3365a7" 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="https://3242409510-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9bZkqK9vYvPkvVDUO4Tp%2Fuploads%2FpeA0MBrGHPoQMj4eSekw%2Fg399.png?alt=media&#x26;token=8544e35f-6ead-47b3-931d-bf916a625b43">g399.png</a></td><td></td><td><a href="getting-started/quickstart">quickstart</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="https://3242409510-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9bZkqK9vYvPkvVDUO4Tp%2Fuploads%2FB6F61gp6Y83qc4xHzGzx%2Fg717.png?alt=media&#x26;token=2c629cf9-31e9-4fa8-b86e-5ddee4da2733">g717.png</a></td><td></td><td><a href="getting-started/quickstart/document-flow">document-flow</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="https://3242409510-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9bZkqK9vYvPkvVDUO4Tp%2Fuploads%2F5gq4ksPBUvD66Ggfh2A7%2Fg796.png?alt=media&#x26;token=a910167b-2442-4c6c-905a-0f2ece654ec3">g796.png</a></td><td></td><td><a href="getting-started/quickstart/using-smart-ui-components">using-smart-ui-components</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="https://3242409510-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9bZkqK9vYvPkvVDUO4Tp%2Fuploads%2Fl0xV1Ut6lTN3rIMRLps5%2Fg996.png?alt=media&#x26;token=b999208d-7a32-4516-afc6-d20fd3ca8f66">g996.png</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="https://3242409510-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9bZkqK9vYvPkvVDUO4Tp%2Fuploads%2FCdo1w4EtnNphyny87o0B%2Fg929.png?alt=media&#x26;token=b54b1ac5-e508-468c-9ad8-96d354a0c808">g929.png</a></td><td></td><td><a href="getting-started/quickstart/release-notes">release-notes</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="https://3242409510-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9bZkqK9vYvPkvVDUO4Tp%2Fuploads%2FnfSZMduP6E777DmElAZH%2Fg1301.png?alt=media&#x26;token=13dd9fa3-cb84-4b1f-9cb8-7fa413c02d7a">g1301.png</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="https://3242409510-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9bZkqK9vYvPkvVDUO4Tp%2Fuploads%2FrR9HQNpE2rIZI6280znX%2Fg904.png?alt=media&#x26;token=413bad96-d0a5-4914-a6f1-d4f2259956ef">g904.png</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="https://3242409510-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9bZkqK9vYvPkvVDUO4Tp%2Fuploads%2F5Z2FsokFCRwyBr38Fshm%2Fimage1-4.png?alt=media&#x26;token=a21864f3-1fe1-4edc-b1a1-1c5a2ef48efa">image1-4.png</a></td><td></td><td><a href="https://pixelperfectstudio.mx/ConstructGamesDemo/SmartUIGamepadDemo">https://pixelperfectstudio.mx/ConstructGamesDemo/SmartUIGamepadDemo</a></td></tr></tbody></table>

### <img src="https://3242409510-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9bZkqK9vYvPkvVDUO4Tp%2Fuploads%2F3hsN1sDS9vbwf5HXZlHJ%2Fpath741.svg?alt=media&#x26;token=ae304fd3-3070-4ca9-8c10-2f8e74777f47" 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>