{"id":140,"date":"2011-12-08T12:19:44","date_gmt":"2011-12-08T17:19:44","guid":{"rendered":"http:\/\/www.tasharen.com\/?page_id=140"},"modified":"2025-12-28T11:39:39","modified_gmt":"2025-12-28T16:39:39","slug":"ngui","status":"publish","type":"page","link":"http:\/\/www.tasharen.com\/?page_id=140","title":{"rendered":"NGUI: Next-Gen UI kit"},"content":{"rendered":"<table>\n<tbody>\n<tr valign=\"top\">\n<td><img decoding=\"async\" loading=\"lazy\" class=\"alignleft\" src=\"http:\/\/www.tasharen.com\/ngui\/icon.png\" alt=\"\" width=\"128\" height=\"128\" \/><\/td>\n<td>\n<h3><a title=\"NGUI: Documentation\" href=\"http:\/\/www.tasharen.com\/forum\/index.php?topic=6754\">Documentation<\/a><\/h3>\n<p><strong>Examples:<\/strong> <a href=\"http:\/\/www.tasharen.com\/ngui\/example0.html\">Controls<\/a>,\u00a0<a href=\"http:\/\/www.tasharen.com\/ngui\/example11.html\">Drag &amp; Drop<\/a>, <a href=\"http:\/\/www.tasharen.com\/ngui\/example12.html\">Chat Window<\/a>, <a href=\"http:\/\/www.tasharen.com\/ngui\/example7.html\">Scroll View<\/a>, <a href=\"http:\/\/www.tasharen.com\/ngui\/example9.html\">Quest Log<\/a>, <a href=\"http:\/\/www.tasharen.com\/ngui\/exampleX.html\">Inventory<\/a>,\u00a0<a href=\"http:\/\/www.tasharen.com\/ngui\/example10.html\">Localization<\/a><\/p>\n<p>Looking for a powerful and free next-generation UI system with a low memory footprint and high performance that&#8217;s perfect for web, stand-alone and mobile platforms? You found it.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h1>Overview<\/h1>\n<p>NGUI is a powerful UI system and event notification framework for Unity written in C# that closely follows the <a href=\"http:\/\/en.wikipedia.org\/wiki\/KISS_principle\">KISS principle<\/a>. It features clean code and simple, minimalistic approach to everything. Many behaviour classes are kept under 200 lines of code. For a programmer this means a much easier time when it comes to working with the kit &#8212; from extending its functionality to tweaking the existing one. For everyone else this means better performance, less frustration, and more fun.<\/p>\n<h1>Features<\/h1>\n<ul>\n<li>Full <a href=\"\/ngui\/ss\/ca.jpg\">Inspector<\/a> <a href=\"\/ngui\/ss\/cb.jpg\">integration<\/a><\/li>\n<li>No need to hit Play to see the results<\/li>\n<li>What you see in the Scene view is what you get in the Game view (<a href=\"\/ngui\/ss\/aa.jpg\">fully WYSIWYG<\/a>)<\/li>\n<li>Component-based, modular nature: attach the behaviours you want to make your widgets do what you want without having to code.<\/li>\n<li>Full support for iOS\/Android, Blackberry, Win8, WP8, <a href=\"\/ngui\/flash8\/\">Flash<\/a><\/li>\n<li>Flexible <a title=\"NGUI: UICamera\" href=\"http:\/\/www.tasharen.com\/?page_id=148\">event system<\/a><\/li>\n<li>Make complex UIs that take <a href=\"\/ngui\/ss\/ba.jpg\">only 1 draw call<\/a><\/li>\n<li>Create your atlases <a href=\"\/ngui\/vt3\/\">right in the editor<\/a>, update\/modify them at will, or import an atlas from the Texture Packer.<\/li>\n<li>Support for <a href=\"\/ngui\/ss\/da.jpg\">lighting, normal mapping, refraction<\/a>, and more &#8212; unleash your creativity!<\/li>\n<li>Support for <a href=\"\/ngui\/ss\/ea.jpg\">clipped panels<\/a> with hard or soft edges<em>.<\/em><\/li>\n<li>Support for a flexible size table, letting your widgets automatically <a href=\"\/ngui\/ss\/ea.jpg\">push others out of the way<\/a>.<\/li>\n<li><span style=\"color: #000000;\">Support for eastern languages with <a href=\"\/ngui\/ime.jpg\">IME input<\/a><br \/>\n<\/span><\/li>\n<li><span style=\"color: #000000;\">Built-in <a href=\"\/ngui\/example10.html\">Localization system<\/a><\/span><\/li>\n<li>Built-in keyboard and controller support<\/li>\n<li>An assortment of <a title=\"NGUI Example 1: Interaction\" href=\"http:\/\/www.tasharen.com\/?page_id=643\">useful scripts<\/a> to help you &#8212; from changing a button color to dragging an object<\/li>\n<li>Simple built-in tweening system.<\/li>\n<li>Clean, short, simple and extensively optimized C# code<\/li>\n<li>No DLLs or external resources<\/li>\n<\/ul>\n<h1>Workflow<\/h1>\n<p>Working with NGUI is just like working with Unity. Drag &amp; drop ready-made controls such as button, checkbox, scroll bar and many others right into the Scene View or make your own using a Lego-like approach &#8212; want the button to scale as you hover over it? Attach the scripts you need and nothing else. Save controls as prefabs and re-use them anywhere. It&#8217;s the Unity-like approach to UI creation.<\/p>\n<h1>Video Tutorials<\/h1>\n<ul>\n<li><b><span style=\"text-decoration: underline;\"><a href=\"http:\/\/www.tasharen.com\/forum\/index.php?topic=6754.0\">Found here<\/a><\/span><\/b><\/li>\n<\/ul>\n<h1>Licenses<\/h1>\n<ul>\n<li>As of Q4, 2025, NGUI is open source: <a href=\"https:\/\/github.com\/tasharen\/ngui\">https:\/\/github.com\/tasharen\/ngui<\/a><\/li>\n<\/ul>\n<form action=\"https:\/\/www.paypal.com\/cgi-bin\/webscr\" method=\"post\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.paypalobjects.com\/en_US\/i\/scr\/pixel.gif\" alt=\"\" width=\"1\" height=\"1\" border=\"0\" \/><\/form>\n","protected":false},"excerpt":{"rendered":"<p>Documentation Examples: Controls,\u00a0Drag &amp; Drop, Chat Window, Scroll View, Quest Log, Inventory,\u00a0Localization Looking for a powerful and free next-generation UI system with a low memory footprint and high performance that&#8217;s perfect for web, stand-alone and mobile platforms? You found it. Overview NGUI is a powerful UI system and event notification framework for Unity written in <a href='http:\/\/www.tasharen.com\/?page_id=140' class='excerpt-more'>[&#8230;]<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"http:\/\/www.tasharen.com\/index.php?rest_route=\/wp\/v2\/pages\/140"}],"collection":[{"href":"http:\/\/www.tasharen.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.tasharen.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.tasharen.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.tasharen.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=140"}],"version-history":[{"count":153,"href":"http:\/\/www.tasharen.com\/index.php?rest_route=\/wp\/v2\/pages\/140\/revisions"}],"predecessor-version":[{"id":4949,"href":"http:\/\/www.tasharen.com\/index.php?rest_route=\/wp\/v2\/pages\/140\/revisions\/4949"}],"wp:attachment":[{"href":"http:\/\/www.tasharen.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=140"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}