Singtaa/OneJS
Your web skills, now in Unity.
OneJS lets you tap into the full JavaScript ecosystem right inside Unity, so you can build fast, modern UIs with live reload and no browser bloat.
It's free and open-source, but if you're into it and want to support development, consider grabbing the package on the Unity Asset Store. You'll also get lifetime access to our upcoming Game-Ready UI Library.
โจ Features
- ๐งฌ Native UI, no webviews โ bridges straight to UI Toolkit for true in-game performance.
- โก Instant iteration โ hit Save, see Unity refresh without domain reloads.
- ๐ ๏ธ Web dev tooling โ TypeScript, JSX/Preact, Tailwind, ESBuild all pre-wired.
- ๐ฑ Cross-platform โ tested on desktop and mobile targets out of the box.
- ๐ง Scriptable โ expose C# safely to JavaScript for mods or rapid prototyping.
๐ Requirements
| Minimum | Notes | |
|---|---|---|
| ๐ฎ Unity | 2021.3 LTS | 2022.1+ if you need UI Toolkit Vector API |
| ๐ฆ Packages | burst & mathematics | auto-installed |
| ๐ Tooling | Node โฅ 18 + TypeScript CLI | for build/watch tasks |
OneJS.Getting.Started.mp4
๐ Quick Start
Install
You can use any one of the following three methods:
- Download and import from Asset Store.
- Unity Package Manager โ Add package by Git URL
https://github.com/Singtaa/OneJS.git - Clone the repo anywhere on your machine, and use
Install package from diskfrom Package Manager.
Add the prefab
Drag the ScriptEngine prefab into an empty scene and press Play App/ working directory.
Boot the toolchain
- Open
{ProjectDir}/Appwith VSCode. - Run
npm run setupin VSCode's terminal. - Use
Ctrl + Shift + BorCmd + Shift + Bto start up all 3 watch tasks:esbuild,tailwind, andtsc.
Code something
Edit index.tsx, hit Save, watch Unity live-reload ๐.
Please visit onejs.com/docs for proper documentation.
๐ค Contributing
Pull requests and issue reports are welcome! Contributing Docs
๐ Community & Support
๐ฌ Discord is where it's at! Join the community to ask questions, share your work, and get help.
๐ License
Distributed under the MIT License.
