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

What you do in Studio

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 →

No lock-in

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 and your site is still there, still readable, still yours.

✓ Opens any Jx project from disk, with 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 Landscape

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

Under the hood · For developers

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

Everything you design compiles from plain JSON-DOM, and saves back to it. 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

Workflow

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.