newter-compiler

The compiler for Newt — a UI language that compiles to canvas, HTML, and JSON.

Describe a UI in a .newt file. The compiler outputs a GPU-rendered canvas, a standalone HTML page, or a JSON layout tree — from the same source.

Install

cargo install newter-compiler

Hello World

Create hello.newt:

screen Main {
    center(fill: #f9fafb)(
        column(gap: 16)(
            text("Hello, Newt!", fontSize: 32, fontWeight: "700")
            text("Your first UI in 3 lines")
        )
    )
}

Run it:

newter-compiler serve hello.newt
# Open http://localhost:3333

What you get

newter-compiler run app.newt                          # GPU canvas window
newter-compiler serve app.newt                        # Browser IDE + hot reload
newter-compiler build app.newt --html -o out.html     # Standalone HTML file
newter-compiler check app.newt                        # Validate syntax

The language

73 built-in elements. Reactive state. Components. Themes. Imports. A syntax you can learn in 5 minutes.

state count = 0

screen Counter {
    column(gap: 24, padding: 32)(
        text("Count: {count}", fontSize: 32)
        row(gap: 12)(
            button("+1", fill: #2563eb, radius: 8, onClick: { count = count + 1 })
            button("Reset", fill: #ef4444, radius: 8, onClick: { count = 0 })
        )
    )
}

Same UI, less code:

Why

Describing a UI shouldn't require picking a framework first. Newt separates what you want to see from how it gets rendered. One source, multiple targets.

Docs

• Getting Started
• Language Reference
• 73 Built-in Elements
• CLI Reference
• Examples

Status

Alpha (v0.1) — functional but evolving. Expect breaking changes.

License

MIT