0x-lang

<p align="center"> </p>

<h1 align="center">0x</h1>

<p align="center"> <strong>Write 18 lines. Get 96 lines of production React.</strong><br/> A full-stack language that compiles to React, Vue 3, Svelte 5, Express, React Native, and Terraform.<br/> Now with <strong>LSP/IDE support</strong> and full Vue/Svelte feature parity. </p>

<p align="center"> <a href="https://www.npmjs.com/package/0x-lang"></a> <a href="https://www.npmjs.com/package/0x-lang"></a> <a href="https://opensource.org/licenses/ISC"></a> <a href="https://smithery.ai/server/0x"></a> </p>

<p align="center"> <a href="https://0xlang.com">Website</a> · <a href="#quick-start">Quick Start</a> · <a href="#language-reference">Docs</a> · <a href="https://www.npmjs.com/package/0x-lang">npm</a> · <a href="mcp-server/">MCP Server</a> · <a href="https://server.smithery.ai/hankim/ox-lang">Smithery Server</a> </p>

---

0x is a tiny language for building apps. You describe what you want, and the compiler outputs production-ready React, Vue, Svelte, Express backends, React Native mobile apps, or Terraform infrastructure.

page Counter:
  state count: int = 0

  fn increment():
    count += 1

  layout col gap=16 padding=24 center:
    text "Counter" size=2xl bold
    text "{count}" size=4xl color=cyan
    button "+1" style=primary -> increment()

That's a complete component. Run 0x build counter.ai --target react and you get a working React component with useState, event handlers, and full styling. Same source also c