π Introducing TypeNova β Run TypeScript Directly in the Browser with No Setup!
Say goodbye to bundlers, npm, or local compilers. TypeNova brings TypeScript to the browser β instantly.
If you've ever wished you could run TypeScript right in the browser without installing a single tool β no npm
, no tsc
, no bundlers β then meet your new favorite dev toy: TypeNova.
TypeNova is a lightweight runtime that lets you write TypeScript directly inside HTML using <script type="text/typescript">
, or even load remote .ts
files. Itβs blazing fast, super simple, and ideal for learning, prototyping, and demos.
π What Exactly is TypeNova?
TypeNova is a browser-first TypeScript runtime. You drop in a script from a CDN, and boom β TypeScript is now a first-class language in your HTML files.
β
No setup
β
No bundlers
β
No local TypeScript compiler
Just pure TypeScript in the browser.
π Add TypeNova via CDN
GitHub Pages
<script src="https://pjdeveloper896.github.io/TSNova/dist/ts-runtime.min.js"></script>
jsDelivr
<script src="https://cdn.jsdelivr.net/gh/pjdeveloper896/TSNova@latest/dist/ts-runtime.min.js"></script>
Either one works β choose your favorite.
β¨ Key Features
- π§ Inline TypeScript: Use
<script type="text/typescript">
directly in your HTML. - π Remote Modules: Load
.ts
files from any URL with one line of code. - β‘ On-the-fly Compilation: Uses TypeScript compiler in-browser.
- π« Zero Install: No need to install anything locally.
- π¦ All-in-One CDN Runtime: One file handles everything.
π‘ Usage Examples
1. Run TypeScript Inline
<script src="https://pjdeveloper896.github.io/TSNova/dist/ts-runtime.min.js"></script>
<script type="text/typescript">
const greet = (name: string): string => `Hello, ${name}!`;
console.log(greet("TypeNova"));
</script>
TypeScript in the browser? Yes, please.
2. Load TypeScript from URL
<script src="https://pjdeveloper896.github.io/TSNova/dist/ts-runtime.min.js"></script>
<script>
runTSFromURL("https://example.com/app.ts");
</script>
Want to test or share remote TypeScript files? This one-liner does the trick.
β οΈ Security Warning
TypeNova uses
eval()
under the hood to execute compiled JavaScript.
π« Never load or run TypeScript from untrusted sources.
β
Always make sure you're using secure, trusted URLs.
π License
Β© 2025 @Pjdeveloper896
π§ What's Next?
TypeNova is still evolving. Future plans may include:
- Type checking feedback in the browser
- In-browser REPL
- Type-safe fetch playgrounds
- Editor integrations
Want to contribute? Star the GitHub repo and send a PR!
Thanks for checking out TypeNova. If you found this helpful or cool, drop a β€οΈ or π¦ and share it with your fellow TypeScript fans.
Let TypeScript flowβ¦ right in your browser! πβ‘
Top comments (4)
This is awesome, I've wanted browser TypeScript like this for demos and snippets for ages. Does it work well with browser devtools for debugging?
Hii Dotallio
Thank you for your appreciation. And yes, it works well for debugging.
Wow, super slick being able to skip all the setup and just jam TypeScript in the browser like that. Gonna mess with this for sure.
I am hoping for the best. Let's see what Wil happen