Free · Open source · macOS, Windows & Linux

Build websites visually.
Own every file.

Jx Studio is a desktop visual IDE for building real websites and web apps. Design on a canvas, edit content inline, wire up interactivity, and commit to git — without leaving the app. Every change saves as plain JSON and Markdown you keep forever.

The feel of a visual builder. The power of a framework. The permanence of plain files.

Download Studio

Install via CLI

Free forever · macOS, Windows & Linux · or bun create @jxsuite my-site

Jx Studio editing a website — layers panel, live canvas, and element inspector

One window. The whole website.

From the first file to the final commit — organize, write, design, and wire up interactivity, all on one canvas.

Take the full tour of Studio →

The visual builder that doesn't own your files.

Most visual builders trap your work in a proprietary format you can't read, can't version, and can't leave. Jx Studio reads and writes the same JSON and Markdown files you'd write by hand. Close the app — your site is still there, still readable, still yours.

✓ Opens any Jx project from disk — no import step

✓ Saves standard JSON and Markdown — readable by any tool

✓ Works offline — no cloud service, no Jx account

✓ Git-friendly output — clean diffs, no binary blobs

Workflow 1. Design in Studio
2. Commit & push from Studio's git panel
3. Your host builds on push
4. Live on a CDN in seconds

Servers optional Static HTML on a global CDN by default — fast everywhere, costs pennies, online forever. Need accounts or a database? Add the auth and connector extensions and pick a server adapter; the build emits one small worker beside the pages. The pages stay prerendered, so the logged-in view renders in the browser.

The visual builder that hands you the files.

Webflow and Wix give you a canvas but keep your work. Astro and Hugo give you the files but no canvas. Jx gives you both.

0kb

JavaScript on static pages by default

License cost — MIT, no subscription

MIT

Yours to fork, self-host, and keep

JSON

Every page is a plain file you own

Studio is a window onto one idea: your site is JSON.

Everything you design compiles from — and saves back to — plain JSON-DOM. Read it, hand-edit it, diff it, or generate it with an LLM. Studio and the compiler are two views of the same files.

{
  "tagName": "my-counter",
  "state": {
    "count": 0,
    "increment": {
      "$expression": {
        "operator": "+=",
        "target": { "$ref": "#/state/count" },
        "value": 1
      }
    },
    "reset": {
      "$expression": {
        "operator": "=",
        "target": { "$ref": "#/state/count" },
        "value": 0
      }
    }
  },
  "children": [
    { "tagName": "span",
      "textContent": { "$ref": "#/state/count" } },
    { "tagName": "button", "textContent": "+",
      "onclick": { "$ref": "#/state/increment" } },
    { "tagName": "button", "textContent": "Reset",
      "onclick": { "$ref": "#/state/reset" } }
  ]
}

// Generated by @jxsuite/compiler
import { reactive, effect } from '@vue/reactivity';
import { render, html } from 'lit-html';

class MyCounter extends HTMLElement {
  constructor() {
    super();
    this.state = reactive({ count: 0 });

    // $expression → compiled handler
    this.state.increment = (s) => {
      s.count += 1;
    };
    this.state.reset = (s) => {
      s.count = 0;
    };
  }

  connectedCallback() {
    this.#dispose = effect(() =>
      render(this.template(), this)
    );
  }
}

customElements.define('my-counter', MyCounter);

📄

File-Based CMS

JSON documents and Markdown content. No content database, no admin panel. Git is your CMS — branch, merge, review, deploy.

Content collections · Markdown + directives · Frontmatter schemas · Dynamic routes

⚡

Reactive Framework

Fine-grained reactivity, web components, and template bindings. Interactive islands hydrate only where needed.

Vue-powered reactivity · Web Components · Template literals · Zero JS by default

🚀

Static Generator

Compiles to pure HTML, CSS, and minimal JS. Deploy to any static host — Cloudflare Pages, GitHub Pages, Vercel, or a $5 VPS.

No JS on static pages · Image optimization · Cloudflare, Node & Bun adapters

🔐

Accounts & Data

Sessions, sign-in, and per-table permissions from the auth extension. Database connections and CRUD tables from the connector extension. Secrets stay on the server.

Better Auth sessions · D1, Supabase, SQLite · Server functions

Rather script than click? bun create @jxsuite my-site

View on GitHub

Three steps to production.

Author

Design visually in Studio, or hand-write JSON and Markdown. Every format is a plain file in git.

Commit & push

Commit and sync straight from Studio's git panel — or the CLI. No deploy scripts to write.

Go live

Your host builds on push — Cloudflare, GitHub Pages, a Node or Bun adapter, or any static server. Live on a CDN in seconds.

The websites of 2030
are built in 2026.

No sign-up, no subscriptions, no vendor approval. Download Studio, or clone the repo and go.