a language for building guis

Describe the interface.
Algorythm builds it.

Windows, buttons, inputs and layouts, written the way you'd describe them out loud. No markup, no boilerplate — just structure that reads like the app it becomes.

sign-in.algo
window "Sign In" { label "Welcome back" input placeholder="Email" button "Log in" }
Sign In
Welcome back
core vocabulary

Four words build most of an app.

Algorythm keeps its vocabulary small on purpose. Each element is a real, visible piece of the interface — nothing compiles from something you can't see on the page.

window
window "Sign In" {
  ...
}

The root of every program. Gives your app a title bar and a canvas for everything else to live in.

label / input / button
label "Welcome back"
input placeholder="Email"
button "Log in"

The three controls people actually interact with. Text, entry fields, and actions — declared, not assembled.

row / column
row {
  button "Yes"
  button "No"
}

Layout containers. row and column arrange whatever's nested inside them, automatically spaced.

why algorythm

Small language, real interface.

Algorythm skips the framework layer entirely. What you write is what renders — in the browser, instantly, with nothing installed.

declarative

Structure, not wiring

You describe what the window contains. Algorythm figures out how to lay it out and paint it.

instant

Live preview, always

Run a program and watch the actual window appear next to your code — not a diagram of it.

portable

Runs anywhere Algorythm does

One file, one interpreter. No build step, no dependency tree to install first.

.algrthm files

Got someone else's program? Preview it.

Every Algorythm project can be exported as a portable .algrthm file. Drop one in below to see the window it builds — no editing required.

Drag a .algrthm file here

or

Open the window you just read about.

The IDE runs Algorythm entirely in your browser. Write, run, save, and export programs.

online IDE Saved
code
preview
file preview
preview