{"id":206144,"date":"2026-06-21T19:09:48","date_gmt":"2026-06-21T17:09:48","guid":{"rendered":"http:\/\/fivemx.ddev.site\/codem-textui\/"},"modified":"2026-06-21T19:32:42","modified_gmt":"2026-06-21T17:32:42","slug":"codem-textui","status":"publish","type":"product","link":"https:\/\/fivemx.com\/de\/codem-textui\/","title":{"rendered":"CodeM TextUI \u2014 Stylish Text UI Notifications"},"content":{"rendered":"<h2>CodeM TextUI \u2014 Premium Interaction UI System for FiveM<\/h2>\n<p><strong>CodeM TextUI<\/strong> is a polished, lightweight TextUI and contextual notification system for FiveM servers by <strong>CodeM Studio<\/strong>. It displays elegant on-screen prompts that tell players which key to press and what action will be performed \u2014 essential for any professional roleplay server.<\/p>\n<p>With <strong>10 built-in visual themes<\/strong>, clean animations, and a dead-simple two-export API (<code>OpenTextUI<\/code> \/ <code>CloseTextUI<\/code>), it drops into any server in minutes with zero framework dependencies.<\/p>\n<h2>Features<\/h2>\n<ul>\n<li><strong>10 unique visual themes<\/strong> \u2014 from minimalist dark cards to icon-accented styles (thema-1 through thema-10)<\/li>\n<li><strong>Custom key binding display<\/strong> \u2014 show any keyboard key alongside the action label<\/li>\n<li><strong>Smooth open\/close animations<\/strong> \u2014 polished NUI transitions with sound feedback<\/li>\n<li><strong>Proximity-based triggers<\/strong> \u2014 built-in example for distance-based show\/hide using markers<\/li>\n<li><strong>Two simple exports<\/strong> \u2014 <code>OpenTextUI(message, key, theme)<\/code> and <code>CloseTextUI()<\/code> \u2014 integrates with any script in seconds<\/li>\n<li><strong>Lua 5.4 support<\/strong> \u2014 modern Lua runtime, optimised performance<\/li>\n<li><strong>Standalone<\/strong> \u2014 no ESX, QBCore, or any framework required<\/li>\n<li><strong>Custom font &amp; icon support<\/strong> \u2014 TTF fonts and PNG icons bundled per theme<\/li>\n<li><strong>Sound effects<\/strong> \u2014 audio feedback on open\/close included<\/li>\n<\/ul>\n<h2>What&#8217;s Included<\/h2>\n<ul>\n<li><code>client\/main.lua<\/code> \u2014 core TextUI logic and NUI callbacks<\/li>\n<li><code>client\/example.lua<\/code> \u2014 ready-to-use proximity trigger demo with DrawMarker<\/li>\n<li><code>html\/<\/code> \u2014 full NUI frontend (HTML, CSS, JS, fonts, images, sounds)<\/li>\n<li><code>fxmanifest.lua<\/code> \u2014 pre-configured manifest (Lua 5.4, <code>\/assetpacks<\/code> dependency)<\/li>\n<\/ul>\n<h2>Compatibility<\/h2>\n<p>| | | |&#8212;|&#8212;| | <strong>Framework<\/strong> | Standalone (works with ESX, QBCore, QBox, vRP, or any custom framework) | | <strong>Game<\/strong> | GTA V \/ FiveM | | <strong>Lua<\/strong> | 5.4 | | <strong>Version<\/strong> | 1.0.2 |<\/p>\n<h2>Installation<\/h2>\n<p>1. Extract the <code>codem-textui<\/code> folder into your server resources directory 2. Add <code>ensure codem-textui<\/code> to your <code>server.cfg<\/code> 3. Use the exports in any script:<\/p>\n<pre><code>-- Show TextUI\nexports['codem-textui']:OpenTextUI('Open Door', 'E', 'thema-1')\n\n<p>-- Hide TextUI exports['codem-textui']:CloseTextUI() <\/code><\/pre>\n<\/p>\n<p>&gt; <strong>Created by CodeM Studio<\/strong> \u2014 professional FiveM script developers.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A sleek, multi-theme TextUI and interaction notification system for FiveM by CodeM Studio \u2014 10 built-in themes, simple exports, zero dependencies.<\/p>","protected":false},"featured_media":201678,"comment_status":"open","ping_status":"closed","template":"","meta":[],"product_brand":[],"product_cat":[105],"product_tag":[],"class_list":["post-206144","product","type-product","status-publish","has-post-thumbnail","product_cat-fivem-servers","first","instock","downloadable","virtual","purchasable","product-type-simple"],"_links":{"self":[{"href":"https:\/\/fivemx.com\/de\/wp-json\/wp\/v2\/product\/206144","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fivemx.com\/de\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/fivemx.com\/de\/wp-json\/wp\/v2\/types\/product"}],"replies":[{"embeddable":true,"href":"https:\/\/fivemx.com\/de\/wp-json\/wp\/v2\/comments?post=206144"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fivemx.com\/de\/wp-json\/wp\/v2\/media\/201678"}],"wp:attachment":[{"href":"https:\/\/fivemx.com\/de\/wp-json\/wp\/v2\/media?parent=206144"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/fivemx.com\/de\/wp-json\/wp\/v2\/product_brand?post=206144"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/fivemx.com\/de\/wp-json\/wp\/v2\/product_cat?post=206144"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/fivemx.com\/de\/wp-json\/wp\/v2\/product_tag?post=206144"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}