Num. A Code Kit + Language Research by actwu . Introduction Num?, It’s programming language that runs on the fly.. like no installation needed. It’s fast, user-friendly, and built with dynamic UX in mind.. it is a powerful and lightweight code kit designed to complement like the ISE language. It provides developers with essential tools and components for building efficient, scalable, and high-performance web applications. NOTE This is half open source. This is a CDN-Based Language. Comment will effect your app and also possible not run. Indent is not suggested. Coding with NUM! We Code with these strict guideline; Arrow Function, Direct & Dynamic, Ternary. Ternary should be. (Why)?(This, This2):(This , This3); Parenthesis is a Must. No unnessesary space, like indent or what. Class is an empty arrow function. `My=()=>{}; my.function=()=>` Any Naming in code must be ONLY 3 LETTER WORD no merging of 2 word and not abbrev. `dbl`, `cmp`, `Var1`, `Var2` is not always Allowed. Never comment.Tell it like it is; don't sugar-coat responses. Stable Benchmark it. Latest Benchmark it. Using it / Installation NEW To install Num, use the following template as your base. STABLE To install Num, use the following template as your base. THE PITCH Imagine a programming language that combines the speed and power of native code with the simplicity and flexibility of the web. i guess that’s NUM. Why NUM? Blazing Fast Performance Powered by WebAssembly and native C integration, NUM runs at near-native speeds, making your apps lightning quick on any platform. Write Once, Run Anywhere Whether it’s a web app running directly in the browser, a native Android app compiled via Median.co, or a desktop app powered by WebAssembly, NUM lets you build it all from a single codebase. Simple, English-like Syntax Designed for clarity and speed, NUM’s minimalist syntax lets you focus on what matters is building great software without getting bogged down in boilerplate. Flexible Yet Disciplined NUM’s fuzzy syntax empowers rapid prototyping and creative freedom, while optional NASA-inspired coding standards train developers to write clean, maintainable, and reliable code. Native Power at Your Fingertips Embed C, Assembly, or WebAssembly directly inside your .num or .html files to harness the full power of the hardware — no compromises. Battle-Tested and Production Ready NUM isn’t just theory.. it’s proven in real-world OS projects and client applications, trusted for performance and reliability. Who is NUM for? Developers who want high performance without complexity. Teams aiming for cross-platform reach with minimal overhead. Creators who value both rapid development and disciplined code quality. Innovators ready to bridge web and native worlds seamlessly. In short NUM is the language that lets you build fast, flexible, and future-proof applications.. basically anywhere, anytime with power and simplicity. Ready to level up your development game? Dive into NUM today. Recommendations Never use INNER HTML num is not HTML, plus innerHtml is unsafe. use .set Never use HTML default elements. Its because html only works on web. NUM elements is cross platform UI, Pleaee use that only. How it works JavaScript’s Three-Phase System NUM operates within JavaScript’s existing structure.. the Prototype Phase, the Mainframe Phase, and the Interpretation Phase. In the Prototype Phase, NUM extends JavaScript’s prototype-based inheritance, adding custom methods to objects and making it easier to manipulate the DOM, handle events, and interact with the system. During the Mainframe Phase, users interact with core application functionalities like the DOM, conditional logic if(), and event-driven programming. NUM simplifies this phase with an easy-to-use API that works directly with the browser’s environment. In the Interpretation Phase, NUM runs directly in the browser or is interpreted by the system, allowing dynamic execution of code without needing complex dependencies. NUM + C for Native Integrations NUM extends JavaScript’s capabilities by adding C for WebView functionality, enabling interaction with native components for advanced and performance-sensitive tasks. Using C for WebView integration, NUM bridges web and native environments, letting developers create native applications with the WebView component. This makes NUM suitable for cross-platform mobile apps and desktop environments that require native functionality. NUM also provides native control, allowing access to native APIs and deeper interaction with the device’s hardware or system-level features. C code runs efficiently, adding a layer of native functionality to the web-based interface. Using Median.co for Android Compilation NUM leverages Median.co for Android application compilation, providing a simple way to convert NUM code into Android-compatible applications. Median.co compiles NUM code into native Android code, allowing you to deploy NUM-based applications on Android devices without the complexity of traditional Android development. You simply write NUM code, and Median.co handles the compilation. After the code is compiled, the application runs natively on Android devices, taking full advantage of the platform’s power while keeping the development process simple. WebAssembly for Cross-Platform Compilation NUM uses WebAssembly (Wasm) to compile code for native environments, allowing it to target platforms like Linux, Windows, and embedded systems. This ensures that NUM runs at near-native speed, while still offering the flexibility of a high-level language. Full Cross-Platform Support NUM simplifies building both web and native applications. For web applications, NUM runs directly in the browser as a CDN-based language. It uses JavaScript for dynamic execution, manipulating the DOM, handling events, and offering a smooth user experience without complex setups. For native applications, NUM uses C for WebView and Median.co for Android to compile apps for mobile devices and native desktop environments. This provides the performance of native apps while maintaining the simplicity of web development. NUM also offers cross-platform compilation, enabling developers to write one codebase and compile it for different environments like web browsers, Android, or desktop using WebAssembly and Median.co. Why Use NUM NUM combines the best of both worlds. For web development, NUM lets you write once and run anywhere. Its simple, modular design and CDN-based approach make it easy to develop cross-platform applications that work seamlessly in web environments. For native applications, NUM lets you compile your code to run natively, offering the performance of native applications without sacrificing ease of use. It results to being lightweight, fast, and optimized for both web and native environments, delivering smooth and responsive applications. Features Terms you need to know new/ or new@ or new# - Latest/Newest Version num/ or num@ or num# - Stable Version ui/ or ui@ or ui# - CSS / UI type js/ or js@ or js# - JS type load('js@new/ux');load('ui@new/ui'); Modules you can load. Num UI* (RECOMMENDED) load('num/ux.js'); load('num/ui.css'); Hardware (Like Camera, Mic, Screen Control, Keyboard, For now.. Soon is Servo.. Which is good for arduino, and more) load('num/sys/hardware.js'); Compiling (Make) load('num/sys/make.js'); Md load('num/sys/md.js'); Move (List) load('num/sys/move.js'); Network (Connect to wifi lol) load('num/sys/net.js'); Other load('num/sys/oth.js'); Swipe events load('num/sys/swipe.js'); Lightweight & Fast – Optimized for speed and performance. ISE Inspo – Works seamlessly like ISE language. Modular Design – Flexible components for a variety of web applications. Cross-Platform – Works across all modern browsers. Extended Element Functionality - Adds custom properties and methods to HTML elements for simplified DOM manipulation. Media Handling - Provides functions for capturing and recording screen and camera feeds. Gesture and Keyboard Control - Includes functions for swipe and keyboard press event handling. Accessibility and DOM Management - Automated accessibility enhancements and DOM structure management. Data Storage and Retrieval - Local storage manipulation with hexadecimal encoding. Network Requests - Simplified GET and POST requests. File Handling - Upload and save data with various file types. Auto UI - Will generate a cdn / add a cdn for the respective ui element. Core Functions Part (Components) Nav A Top navigation Task A Task Bar / Bottom navigation Ask a input / textarea version of Num. Tap Button a button version of Num. Card Card 1 Card 2 Card 3 Card 4 Card 5 Card 6 A box for your info/ Card Preview preview 1 preview 2 preview 3 A Preview for like Card but scrollable Layout
Regular box Small box Scrollable content 1 Scrollable content 2
A flexible UI auto layout. This is mobile first. Container / Box / Hero Hero! A Container its where you put stuff some call this a box or hero. Slide / Courosel Slide 1 Slide 2 Slide 3 A Slide is courosel NUM UI is just a lightweight declarative language for building reactive UIs. Its like it uses custom HTML look a like tags and attributes that your browser understands via the NUM runtime script. Core Elements A container that arranges its children automatically. Acts like a flexible container that adapts direction and wrapping based on screen size. A horizontal container that lays out children side-by-side, with automatic wrapping on smaller screens. A dynamic block element that holds content. REMEMBER TO PUT THIS as parent of button! Displays text. Used for static or dynamic text output. Interactive element, like a button or clickable area. Has a do attribute that runs NUM code when tapped/clicked. Attributes and Styling Colors Color Codes Token Color Name Example Usage r Red r4, rbg4, rol4, rsh4 y Yellow y4, ybg4, yol4, ysh4 l Light (Blue/Gray) l4, lbg4, lol4, lsh4 g Green g4, gbg4, gol4, gsh4 p Pink/Purple p4, pbg4, pol4, psh4 v Violet v4, vbg4, vol4, vsh4 Style of the Color Suffix Affects Example CSS Equivalent (none) Text color r4 color: var(–r4) bg Background color rbg4 background-color: var(–r4) ol Outline rol4 outline: var(–r4) solid 1px sh Box shadow rsh4 box-shadow: var(–sh) var(–r4) (SVG) SVG fill svg[r4] fill: var(–r4) Example is a red bg $COLOR + ol + $VER to make a Outline. $COLOR + sh + $VER to make a Shadow. $COLOR + bg + $VER to make a BG. pad Padding inside the element. space Margin or spacing between siblings. gap Space between children inside a container. hei, wid Height and width specifications. Reactive Behavior do attribute on or other elements triggers logic on events (like clicks/taps). Example Increase pick() is like a selector for DOM nodes or variables. pick(‘#ps’).set = genps(len) You can declare variables (let len=12) and write inline JS-style functions. Layout Mechanics Basically arranges children vertically by default and adapts responsively. arranges children horizontally but wraps to vertical if needed. You combine them to create complex UI trees that adapt automatically. Header Item 1 Item 2 Item 3 Click Me Putting It All Together Include the NUM runtime Use NUM tags inside your body. Always setup your app with app(‘AppName’) in script. Write logic in Use and for automatic responsive container layouts. Use to hold and style content blocks. Use for text. Use for interactive actions. Use pick() and variables for dynamic reactive behavior. NUM is all about one-line simplicity and automatic UI adaptation, perfect for fast, reactive web apps with minimal code. Element Manipulation pick(selector): Selects an element using a CSS selector. pick.all(selector, callback): Selects all elements matching a CSS selector and optionally applies a callback function to each. make(elementTag): Creates a new HTML element. mySay=make("say"); mySay.set="Hellow"; pick("MyTarget").put=mySay; load(link): Dynamically loads JavaScript or CSS files. path(url, state): Manages URL paths and history. prot.at(attr, value): Sets or removes an attribute on an element. prot.rem(name): Removes an attribute from an element. prot.put(atrg): Appends content to an element. move(etl, mot): Moves one element into another. move.up(selector): Moves an element up in the DOM. move.down(selector): Moves an element down in the DOM. element.set=: Sets the content of an element, handling different input types. / Update same ui To add new element like how innerHTML but safe use this const tap = make('part'); tap.set = `hello`; pick('[list]').append(tap); element.get=: Gets the content of an element. element.put=: Appends elements or text to an element. element.say=: Sets the text content of an element. element.val=: Gets or sets the value of an element. element.at="Attribute='Value'";: Sets attributes on an element. element.rem="Attribute='Value'";: Removes attributes from an element. element.del=: Removes an element from the DOM. element.hide;: Hides an element. element.show;: Shows an element. element.toggle;: Toggles the visibility of an element. element.tap=: Adds tap event listeners to an element. element.ask=: Adds an input event listener to an element. element.do=: Executes functions with optional delay or loop. element.delay=: Sets a delay for the do function. element.loop=: Sets a loop for the do function. element.text=: Gets or sets the inner text of an element. App Configuration app(title);: Sets the document title. app.cover(imageUrl);: Sets the cover image meta tags. fav(iconUrl);: Sets the favicon. app.key(keywords),: Sets the meta keywords. app.url(canonicalUrl);: Sets the canonical URL. app.info(description);: Sets the meta description. Sample app('My num app'); app.cover(2); fav(24) app.key('Apple Falling, Sus, Code'); app.url('localhost://'); // WHY proud hosting offline? if you can use github? app.info('yeah my num app's info') Mya db integration bit.init(): Initializes IndexedDB, setting up the database and creating a BroadcastChannel for communication between tabs/windows. bit.up(name, data): Stores or updates data in IndexedDB under the specified name. It also broadcasts the updated data to other tabs/windows using BroadcastChannel. bit.push(name, data): Appends new data to the existing data stored in IndexedDB under the specified name. If no existing data is found, it creates a new array with the new data. It also broadcasts the updated data to other tabs/windows. bit.get(name): Retrieves data from IndexedDB by the specified name. It returns the data from the IndexedDB or null if the data does not exist. If the data is a stringified JSON, it parses it before returning. Sample await bit.init(); const data = { name: "John Doe", id: 123 }; await bit.up("user", data); const newData = { name: "Jane Doe", id: 456 }; await bit.push("user", newData); let userData = await bit.get("user"); console.log(userData); Utility Functions copy(text): Copies text to the clipboard. uuid(): Generates a UUID. ran(max): Generates a random integer. pop.up(url): Opens a URL in a new window. net.get(url): Makes a GET request. net.post(url, data): Makes a POST request. on.feed(): Opens a screen feed. on.cam(): Opens a camera feed. on.mic(): Opens a microphone feed. off.feed(): Closes a screen feed. off.cam(): Closes a camera feed. off.mic(): Closes a microphone feed. rec.start(target): Starts recording a camera or screen feed. rec.stop(): Stops recording a camera or screen feed. snap(target): Captures a snapshot from a camera or screen feed. swipe.left(selector, callback): Adds a swipe left event listener. swipe.right(selector, callback): Adds a swipe right event listener. swipe.up(selector, callback): Adds a swipe up event listener. swipe.down(selector, callback): Adds a swipe down event listener. press(keyCombo, callback): Adds a key press event listener. num.accessibility(): Enhances accessibility by adding alt and aria attributes. num.dom(): Manages the DOM structure, including doctype, lang, and viewport meta tags. num.edit(): Enables content editing on elements with the ‘ask’ attribute. num.link(): Links input elements to target elements. num.tap(): Adds click event listeners to elements with the ‘go’ attribute. num.js(): Executes JavaScript code from ‘do’ attributes or ‘do’ element content. num.upload(): Handles file uploads. num.save(): Saves element content as a file. num.origin(url): Sets the canonical URL. func(): Executes all the setup functions. make.file(Name, Type, Data): Used to make you a file, and saves to your device. make.file(pick('#name').get,'text', pick('#data').get); Compilation / Making make.pwa: compilation to PWA manifest. Add this to Your NUM code make.PLATFORM: compilation to what platform you like android, linux and windows. Sample setTimeout(()=>{make.and()}, 500); setTimeout(()=>{AutoUI()}, 1000); Compiling a Portable App for Android this easy. Sample make.linux(); Compiling a Portable App for linux this easy. EVERY TIME YOU COMPILE UNZIP ALLOW The app.linux to run chmod +x app.linux Plugin (Plug and Use) Clerk (Auth) This is Official NUM support for clerk This is dark mode. Your key is located always on your clerk project in Settings > API Key Liveblocks (DB/Sesion) This is Official NUM support for clerk This is dark mode. Your key/API is located always on your Liveblock project in Settings > API Key .sync to sync the element. .unsync to unsync the element. .go to go to the room. Tested with Google tool ISE & NUM has been tested by Google, FAR, Other team using Google’s tools like Language Test Code Test LightHouse Page Speed Results: Native + Web Performance 100% in a 12GB RAM test with only 100KB–20MB usage. Execution Speed 0.007s compile & interpret time. Load Speed 0.7s–12s across different setups. Optimization Score 11/11, 7/7, 3/3 across Google’s testing tools. UI and I.S 12points | 3 User Experience Range which is highest than other. 90-100% in those tests. image 11/11 test passed image 12-0.7ms speed compilation and performance rate. image image Latest Test Test NUM ISE NEXTJS REACT Performance Score 100% 100% 90% 87% Compile Speed 100% 98% 70% 80% Execution Speed 100% 100% 80% 75% Load Speed 100% 100% 70% 85% Optimization Score 100% 100% 80% 82% UI and UX Score 100% 90% 90% 90% Resource Efficiency 100% 100% 70% 86% Consistency 100% 100% 90% 75% Web Compatibility 100% 97% 100% 100% Test NUM ISE NEXTJS REACT Performance Score 100% 100% 90% 87% Compile Speed 100% 98% 70% 80% Execution Speed 100% 100% 80% 75% Load Speed 100% 100% 70% 85% Optimization Score 100% 100% 80% 82% UI and UX Score 100% 90% 90% 90% Resource Efficiency 100% 100% 70% 86% Consistency 100% 100% 90% 75% Web Compatibility 100% 97% 100% 100% Usage Num provides a “simple” API to integrate with your web projects. Use the provided functions and components to build interactive and efficient software. Ise / NUM Used by/in (projects) Actwu, NOW SIGN ASL protoype, HanBy, selhue.com, CDNM, covNav, sellit by selhue, dropBy, INSB, PallTe, Codeen, Far, LycheLi, Aftei, FloxUse, bio it, myURL, Again, Soiĺ, numOS,voltOs and more.. Navigation Menu iselang num Code Issues Pull requests num /README.md actwu actwu now 1089 lines (770 loc) · 39.7 KB Preview Code Blame Read in terminal curl https://iselang.github.io/num/txt NUM JS Part Samples Github Icon --- Num .txt? Num. A Code Kit + Language Research by actwu. Introduction Num?, It's programming language that runs on the fly.. like no installation needed. It's fast, user-friendly, and built with dynamic UX in mind.. it is a powerful and lightweight code kit designed to complement like the ISE language. It provides developers with essential tools and components for building efficient, scalable, and high-performance web applications. NOTE This is half open source. This is a CDN-Based Language. Comment will effect your app and also possible not run. Indent is not suggested. Coding with NUM! We Code with these strict guideline; Arrow Function, Direct & Dynamic, Ternary. Ternary should be. (Why)?(This, This2):(This , This3); Parenthesis is a Must. No unnessesary space, like indent or what. Class is an empty arrow function. `My=()=>{}; my.function=()=>` Any Naming in code must be ONLY 3 LETTER WORD no merging of 2 word and not abbrev. `dbl`, `cmp`, `Var1`, `Var2` is not always Allowed. Never comment.Tell it like it is; don't sugar-coat responses. Stable Benchmark it. Latest Benchmark it. Using it / Installation NEW To install Num, use the following template as your base. STABLE To install Num, use the following template as your base. THE PITCH Imagine a programming language that combines the speed and power of native code with the simplicity and flexibility of the web. i guess that’s NUM. Why NUM? Blazing Fast Performance Powered by WebAssembly and native C integration, NUM runs at near-native speeds, making your apps lightning quick on any platform. Write Once, Run Anywhere Whether it’s a web app running directly in the browser, a native Android app compiled via Median.co, or a desktop app powered by WebAssembly, NUM lets you build it all from a single codebase. Simple, English-like Syntax Designed for clarity and speed, NUM’s minimalist syntax lets you focus on what matters is building great software without getting bogged down in boilerplate. Flexible Yet Disciplined NUM’s fuzzy syntax empowers rapid prototyping and creative freedom, while optional NASA-inspired coding standards train developers to write clean, maintainable, and reliable code. Native Power at Your Fingertips Embed C, Assembly, or WebAssembly directly inside your .num or .html files to harness the full power of the hardware — no compromises. Battle-Tested and Production Ready NUM isn’t just theory.. it’s proven in real-world OS projects and client applications, trusted for performance and reliability. Who is NUM for? Developers who want high performance without complexity. Teams aiming for cross-platform reach with minimal overhead. Creators who value both rapid development and disciplined code quality. Innovators ready to bridge web and native worlds seamlessly. In short NUM is the language that lets you build fast, flexible, and future-proof applications.. basically anywhere, anytime with power and simplicity. Ready to level up your development game? Dive into NUM today. Recommendations Never use INNER HTML num is not HTML, plus innerHtml is unsafe. use .set Never use HTML default elements. Its because html only works on web. NUM elements is cross platform UI, Pleaee use that only. How it works JavaScript’s Three-Phase System NUM operates within JavaScript’s existing structure.. the Prototype Phase, the Mainframe Phase, and the Interpretation Phase. In the Prototype Phase, NUM extends JavaScript’s prototype-based inheritance, adding custom methods to objects and making it easier to manipulate the DOM, handle events, and interact with the system. During the Mainframe Phase, users interact with core application functionalities like the DOM, conditional logic if(), and event-driven programming. NUM simplifies this phase with an easy-to-use API that works directly with the browser’s environment. In the Interpretation Phase, NUM runs directly in the browser or is interpreted by the system, allowing dynamic execution of code without needing complex dependencies. NUM + C for Native Integrations NUM extends JavaScript’s capabilities by adding C for WebView functionality, enabling interaction with native components for advanced and performance-sensitive tasks. Using C for WebView integration, NUM bridges web and native environments, letting developers create native applications with the WebView component. This makes NUM suitable for cross-platform mobile apps and desktop environments that require native functionality. NUM also provides native control, allowing access to native APIs and deeper interaction with the device's hardware or system-level features. C code runs efficiently, adding a layer of native functionality to the web-based interface. Using Median.co for Android Compilation NUM leverages Median.co for Android application compilation, providing a simple way to convert NUM code into Android-compatible applications. Median.co compiles NUM code into native Android code, allowing you to deploy NUM-based applications on Android devices without the complexity of traditional Android development. You simply write NUM code, and Median.co handles the compilation. After the code is compiled, the application runs natively on Android devices, taking full advantage of the platform's power while keeping the development process simple. WebAssembly for Cross-Platform Compilation NUM uses WebAssembly (Wasm) to compile code for native environments, allowing it to target platforms like Linux, Windows, and embedded systems. This ensures that NUM runs at near-native speed, while still offering the flexibility of a high-level language. Full Cross-Platform Support NUM simplifies building both web and native applications. For web applications, NUM runs directly in the browser as a CDN-based language. It uses JavaScript for dynamic execution, manipulating the DOM, handling events, and offering a smooth user experience without complex setups. For native applications, NUM uses C for WebView and Median.co for Android to compile apps for mobile devices and native desktop environments. This provides the performance of native apps while maintaining the simplicity of web development. NUM also offers cross-platform compilation, enabling developers to write one codebase and compile it for different environments like web browsers, Android, or desktop using WebAssembly and Median.co. Why Use NUM NUM combines the best of both worlds. For web development, NUM lets you write once and run anywhere. Its simple, modular design and CDN-based approach make it easy to develop cross-platform applications that work seamlessly in web environments. For native applications, NUM lets you compile your code to run natively, offering the performance of native applications without sacrificing ease of use. It results to being lightweight, fast, and optimized for both web and native environments, delivering smooth and responsive applications. Features Terms you need to know new/ or new@ or new# - Latest/Newest Version num/ or num@ or num# - Stable Version ui/ or ui@ or ui# - CSS / UI type js/ or js@ or js# - JS type load('js@new/ux');load('ui@new/ui'); Modules you can load. Num UI* (RECOMMENDED) load('num/ux.js'); load('num/ui.css'); Hardware (Like Camera, Mic, Screen Control, Keyboard, For now.. Soon is Servo.. Which is good for arduino, and more) load('num/sys/hardware.js'); Compiling (Make) load('num/sys/make.js'); Md load('num/sys/md.js'); Move (List) load('num/sys/move.js'); Network (Connect to wifi lol) load('num/sys/net.js'); Other load('num/sys/oth.js'); Swipe events load('num/sys/swipe.js'); Lightweight & Fast – Optimized for speed and performance. ISE Inspo – Works seamlessly like ISE language. Modular Design – Flexible components for a variety of web applications. Cross-Platform – Works across all modern browsers. Extended Element Functionality - Adds custom properties and methods to HTML elements for simplified DOM manipulation. Media Handling - Provides functions for capturing and recording screen and camera feeds. Gesture and Keyboard Control - Includes functions for swipe and keyboard press event handling. Accessibility and DOM Management - Automated accessibility enhancements and DOM structure management. Data Storage and Retrieval - Local storage manipulation with hexadecimal encoding. Network Requests - Simplified GET and POST requests. File Handling - Upload and save data with various file types. Auto UI - Will generate a cdn / add a cdn for the respective ui element. Core Functions Part (Components) Nav A Top navigation Task A Task Bar / Bottom navigation Ask a input / textarea version of Num. Tap Button a button version of Num. Card Card 1 Card 2 Card 3 Card 4 Card 5 Card 6 A box for your info/ Card Preview preview 1 preview 2 preview 3 A Preview for like Card but scrollable Layout
Regular box Small box Scrollable content 1 Scrollable content 2
A flexible UI auto layout. This is mobile first. Container / Box / Hero Hero! A Container its where you put stuff some call this a box or hero. Slide / Courosel Slide 1 Slide 2 Slide 3 A Slide is courosel NUM UI is just a lightweight declarative language for building reactive UIs. Its like it uses custom HTML look a like tags and attributes that your browser understands via the NUM runtime script. Core Elements A container that arranges its children automatically. Acts like a flexible container that adapts direction and wrapping based on screen size. A horizontal container that lays out children side-by-side, with automatic wrapping on smaller screens. A dynamic block element that holds content. REMEMBER TO PUT THIS as parent of button! Displays text. Used for static or dynamic text output. Interactive element, like a button or clickable area. Has a do attribute that runs NUM code when tapped/clicked. Attributes and Styling Colors Color Codes Token Color Name Example Usage r Red r4, rbg4, rol4, rsh4 y Yellow y4, ybg4, yol4, ysh4 l Light (Blue/Gray) l4, lbg4, lol4, lsh4 g Green g4, gbg4, gol4, gsh4 p Pink/Purple p4, pbg4, pol4, psh4 v Violet v4, vbg4, vol4, vsh4 Style of the Color Suffix Affects Example CSS Equivalent (none) Text color r4 color: var(--r4) bg Background color rbg4 background-color: var(--r4) ol Outline rol4 outline: var(--r4) solid 1px sh Box shadow rsh4 box-shadow: var(--sh) var(--r4) (SVG) SVG fill svg[r4] fill: var(--r4) Example is a red bg $COLOR + ol + $VER to make a Outline. $COLOR + sh + $VER to make a Shadow. $COLOR + bg + $VER to make a BG. pad Padding inside the element. space Margin or spacing between siblings. gap Space between children inside a container. hei, wid Height and width specifications. Reactive Behavior do attribute on or other elements triggers logic on events (like clicks/taps). Example Increase pick() is like a selector for DOM nodes or variables. pick('#ps').set = genps(len) You can declare variables (let len=12) and write inline JS-style functions. Layout Mechanics Basically arranges children vertically by default and adapts responsively. arranges children horizontally but wraps to vertical if needed. You combine them to create complex UI trees that adapt automatically. Header Item 1 Item 2 Item 3 Click Me Putting It All Together Include the NUM runtime Use NUM tags inside your body. Always setup your app with app('AppName') in script. Write logic in Liveblocks (DB/Sesion) This is Official NUM support for clerk This is dark mode. Your key/API is located always on your Liveblock project in Settings > API Key .sync to sync the element. .unsync to unsync the element. .go to go to the room. Tested with Google tool ISE & NUM has been tested by Google, FAR, Other team using Google's tools like Language Test Code Test LightHouse Page Speed Results: Native + Web Performance 100% in a 12GB RAM test with only 100KB–20MB usage. Execution Speed 0.007s compile & interpret time. Load Speed 0.7s–12s across different setups. Optimization Score 11/11, 7/7, 3/3 across Google’s testing tools. UI and I.S 12points | 3 User Experience Range which is highest than other. 90-100% in those tests. image 11/11 test passed image 12-0.7ms speed compilation and performance rate. image image Latest Test Test NUM ISE NEXTJS REACT Performance Score 100% 100% 90% 87% Compile Speed 100% 98% 70% 80% Execution Speed 100% 100% 80% 75% Load Speed 100% 100% 70% 85% Optimization Score 100% 100% 80% 82% UI and UX Score 100% 90% 90% 90% Resource Efficiency 100% 100% 70% 86% Consistency 100% 100% 90% 75% Web Compatibility 100% 97% 100% 100% Test NUM ISE NEXTJS REACT Performance Score 100% 100% 90% 87% Compile Speed 100% 98% 70% 80% Execution Speed 100% 100% 80% 75% Load Speed 100% 100% 70% 85% Optimization Score 100% 100% 80% 82% UI and UX Score 100% 90% 90% 90% Resource Efficiency 100% 100% 70% 86% Consistency 100% 100% 90% 75% Web Compatibility 100% 97% 100% 100% Usage Num provides a "simple" API to integrate with your web projects. Use the provided functions and components to build interactive and efficient software. Ise / NUM Used by/in (projects) Actwu, NOW SIGN ASL protoype, HanBy, selhue.com, CDNM, covNav, sellit by selhue, dropBy, INSB, PallTe, Codeen, Far, LycheLi, Aftei, FloxUse, bio it, myURL, Again, Soiĺ, numOS,voltOs and more.. NUM FAQ 1. What is NUM? NUM is a lightweight, CDN-based general-purpose programming language and code kit designed for building fast, scalable, and cross-platform web and native applications. It combines a declarative UI system, native code integration, and modular design for efficient development. 2. Is NUM a general-purpose language? Yes. NUM supports a wide range of programming tasks including UI development, hardware access, network communication, data storage, and cross-platform compilation, making it suitable for general-purpose application development. 3. How does NUM work as a CDN-based language? NUM is delivered via its own dedicated CDN servers, ensuring fast, reliable, and secure delivery of the runtime and modules. The runtime is aggressively cached in the browser after the first load, effectively "installing" NUM in the browser cache for offline use and fast subsequent loads. 4. Does NUM require internet access every time it runs? No. After the initial load, NUM is cached in the browser, allowing offline execution without repeated network requests. This caching behavior provides fast load times and reduces dependency on continuous internet access. 5. What platforms does NUM support? Web browsers (runs directly via CDN) Android apps (compiled via Median.co) Desktop apps on Linux and Windows (compiled via WebAssembly) Embedded systems (planned and supported via native code integration) 6. How fast is NUM? NUM achieves near-native performance thanks to WebAssembly and native C integration. Benchmarks show 100% scores in performance, compile speed, execution speed, and load speed, outperforming popular frameworks like React and Next.js. Source? Please, Read this docs again, You will find the Test. 7. What is the syntax like in NUM? NUM uses a minimalist, English-like syntax focused on clarity and speed. It encourages arrow functions, ternary expressions with mandatory parentheses, and simple 3-letter variable names as optional guidelines for clean code. 8. Are the strict coding rules mandatory? No. The strict rules (3-letter variable names, no comments, no indentation) are recommended best practices to maintain clean and consistent code but are optional. Developers can choose to follow or relax them. 9. What UI components does NUM provide? NUM offers declarative, responsive UI components such as: : Flexible container : Button/interactive element , ,