ELEMENTOR—ULTRA

OPEN-SOURCE TOOLCHAIN FOR ELEMENTOR + AI AGENTS · FREE · MIT · INDEPENDENT — NOT AN ELEMENTOR LTD PRODUCT

WORKS WITH

Claude Code

Cursor

Codex

Copilot any MCP agent

One prompt in.
Elementor site out.

Build Elementor sites with your own AI agents. Your agent can already write Elementor pages — blind, in thousands of lines of raw JSON. That's why they look agent-built. Ultra gives agents typed components, hot reload, and automatic pass/fail checks on every save. Beautiful pages are what happens when agents can see what they're doing.

Watch an agent build — 1:38

Set up in one paste

For developers and agencies who ship client sites on Elementor and build with Claude Code, Cursor, Codex or any MCP agent.

Agents welcome — press A for the machine-readable version of this page.

Proof, on camera

Eight real sites from the web, rebuilt live by an agent.

Each film is one unedited take — same public copy, same assets as the original site. One prompt from a human, then the agent builds section by section against a live WordPress site, with a pass/fail check on every save — and the film ends inside the real Elementor editor. The timer on screen is real elapsed time: no cuts, no speed-ups hiding anything.

HOUSEMAIT — 9 SECTIONS · 31 MIN OF AGENT TIME · 0 HUMAN EDITS

THE OTHER SEVEN — CLICK A CARD TO LOAD ITS FILM INTO THE PLAYER

Housemait

family-app SaaS

9 sections · 31 min

Canopy

SaaS marketing site

10 sections · 17 min

Alike.page

creator storefront

8 sections · 22 min

Triple Kingdom

indie game site

8 sections · 25 min

Billow

finance SaaS

9 sections · 25 min

Michael Pumo

developer portfolio

8 sections · 30 min

Mat.

iOS app site

6 sections · 21 min

BT—26

event site

8 parts · 24 min

Before / after

Same hero. 3,400 lines of blind JSON —
or nine lines of typed JSX.

WHAT YOUR AGENT WRITES TODAY — BLIND

[{ "id": "e00000", "elType": "e-flexbox",
  "settings": { "classes": { "$$type": "classes",
    "value": ["g-c-12f5qe"] },
   "tag": { "$$type": "string", "value": "div" } },
  "elements": [
   { "id": "e00001", "elType": "e-flexbox",
    "settings": { "classes": { "$$type": "classes",
      "value": ["g-c-hw3p4m"] },
     "tag": { "$$type": "string", "value": "section" },
     "_cssid": { "$$type": "string", "value": "hero" } },
    "elements": [
     { "id": "e00002", "elType": "e-flexbox",
      "settings": { "classes": { "$$type": "classes",
        "value": ["g-c-1ra9hy"] } },
      "elements": [
       { "id": "e00003", "elType": "widget",
        "settings": { "classes": { "$$type":
          "classes", "value": ["g-c-1e5m6x"] },
         "tag": { "$$type": "string", "value": "h1" },
         "title": { "$$type": "html-v3", "value": {
          "content": { "$$type": "string", "value":
           "Family life, organised with AI." },
          "children": [] } } },
        "widgetType": "e-heading" },
       ...and 3,400 more lines like these

THE SAME SECTION, WITH ULTRA

<section id="hero" tw="flex flex-col
  items-center gap-6" bg={t.color.paper}>
  <h1 size={72} font="Recoleta"
      color={t.color.ink}>
    Family life, organised with AI.
  </h1>
  <Bubbles items={fridge.magnets} />
  <Btn href="#app">Get the app</Btn>
</section>

Claude Code

You

Elementor Ultra· watching

The left side is the real stored JSON of the hero in film #2 — the surface agents have been hand-writing until now. On the right, the typed component that generates it, where mistakes fail at build time instead of on your client's site.

Backups before every write. A server-side validator rejects bad pages before they save. Rollback, always. A hallucinating agent cannot corrupt your site.

The loop

Save a file. The site updates. The gates run.

SAVE

a component file

BUILD

rebuild in ms

DEPLOY

diff-driven, ~3 s

RELOAD

live preview

GATES

1200 · 1920 · 390

LIVE — THE LOOP, AS IT RUNS (REAL HOUSEMAIT LOG LINES)

That FAIL line is the point. Gates are automated pass/fail checks at 1200, 1920 and 390 px — desktop, wide and mobile. The agent sees the verdict on every save and corrects itself in the next one. Checking the result is built into the loop, not a script you remember to run at the end.

The stack

Five pieces. Use all of them, or one.

COMPILER + CLI

@algorismus/elementor-jsx

Typed JSX → native Elementor V4 JSON. Build, deploy, lint, media, import — and the exjsx dev live loop.

MCP SERVER

@algorismus/elementor-ultra-mcp

90+ tools for any MCP agent: build pages, refactor, manage the design system, convert HTML to Elementor.

COMPANION PLUGIN

WordPress plugin · GPL

The authoritative REST write path on the site: server-side validation, backups, rollback, capability probes.

VERIFY STUDIO

@algorismus/elementor-ultra-studio

After every deploy: pass/fail checks at three widths, a site health check, and layout measurements — automated via Playwright.

LOCAL WORDPRESS

@algorismus/elementor-ultra-playground

Real WordPress + Elementor from a pre-baked snapshot, in seconds. Pure Node — no Docker.

Not sure where to start? The compiler alone is enough — npm i -D @algorismus/elementor-jsx. The other pieces join when you need them.

8 SITES SHIPPED ON CAMERA

17–31 MIN PER SITE

0 HUMAN EDITS

400+ COMPILER TESTS · VERIFIED AGAINST ELEMENTOR 4.1.4 / 4.2.0

Start

Up and running in one paste.

paste this to your AI agent — Claude Code, Cursor, Windsurf, anything MCP

Set up Elementor Ultra on this machine by fetching and following
https://raw.githubusercontent.com/Algorismus-io/elementor-ultra/main/SETUP.md
exactly, step by step. Work autonomously and verify each step.

# Prefer a wizard? npx @algorismus/create-elementor-ultra

FREE & MIT · NODE 18+ · NO DOCKER NEEDED · ELEMENTOR FREE IS ENOUGH

Prefer to read before you run an agent on your machine? SETUP.md is the exact file your agent follows.

Read SETUP.md first ↗

GitHub — Algorismus-io/elementor-jsx ↗

npm — @algorismus/elementor-jsx ↗

Docs ↗

All eight films ↗

Your agent can build the next one.

Install in one paste — free

★ Star it on GitHub

COLOPHON — this page practices what it preaches: an AI agent built it with elementor-jsx, deployed it through the loop it describes, and passed the same gates. Zero human edits. Flip the switch to read its source.

MIT © 2026 Algorismus. Not affiliated with or endorsed by Elementor Ltd — "Elementor" is their trademark; this is an independent, interoperating stack. The films show design studies of real sites, rebuilt with their public copy and assets to test the toolchain.

# ELEMENTOR ULTRA :: MACHINE SURFACE
# for agents, crawlers, and humans who prefer it raw
# canonical for machines: https://exjsx.dev/llms.txt
# ────────────────────────────────────────────────────────────

WHAT ........ open-source toolchain: AI agents build native, editable
              Elementor pages. JSX in, Elementor V4 out over REST. MIT.

PREREQS ..... node >= 18; macOS / Linux / WSL2; no Docker; no existing
              WordPress needed (playground provides one); network:
              registry.npmjs.org + raw.githubusercontent.com

SETUP ....... paste to any MCP-capable agent:
              "Set up Elementor Ultra on this machine by fetching and following https://raw.githubusercontent.com/Algorismus-io/elementor-ultra/4b28b0c1ac863a27f9f1433fd4239054a0dffee6/SETUP.md step by step. Verify each step before the next."
              sha256(SETUP.md) = 67fc2699df8e42f56cb011096106cbc407199bb5
              065c55f2ea3b27a2de04f0a6
              latest (unpinned): .../main/SETUP.md

WIZARD ...... npx @algorismus/create-elementor-ultra@1.0.0
              interactive alternative to SETUP; both produce the same
              install. run one, not both.

CLI ......... exjsx = the CLI of @algorismus/elementor-jsx (npx exjsx)

STACK ....... @algorismus/elementor-jsx@1.6.0 ........ compiler + CLI
              @algorismus/elementor-ultra-mcp@1.0.0 .. 90+ MCP tools
              @algorismus/elementor-ultra-studio@0.5.0  gates + doctor
              @algorismus/elementor-ultra-playground@1.2.0  local WP
              elementor-ultra-mcp WP plugin@1.2.3 (GPL)  REST seam
              tested against: Elementor 4.1.4 / 4.2.0, free is enough

AUTH ........ MCP server -> WordPress REST via a WP Application
              Password (core mechanism, no custom tokens). created
              during setup; stored in your MCP client config for the
              server entry; revoke any time in WP Admin -> Users ->
              Profile -> Application Passwords.

LOOP ........ npx exjsx dev <site-dir> --gates
              <site-dir> = project folder from setup (exjsx init)
              save -> ms rebuild -> diff deploy -> hot reload
              -> pass/fail verify at 1200 / 1920 / 390 px viewports

VERIFY ...... after setup: npx eu-studio check --pages /
              expect: pass:true, gates green at all three widths

ON FAILURE .. every write is backed up first; per-page rollback via
              the elementor_page_rollback MCP tool (backups listed by
              elementor_page_list_backups). base_hash optimistic
              concurrency; op_id idempotency.

LIFECYCLE ... update: npm i -D @algorismus/elementor-jsx@latest, then
              rebuild + redeploy (see repo UPDATE.md). uninstall:
              remove the npm packages, the MCP server entry, the WP
              plugin, and the playground folder.

DOCS ........ https://docs.wpos.ai/ultra
REPO ........ https://github.com/Algorismus-io/elementor-jsx
SETUP REPO .. https://github.com/Algorismus-io/elementor-ultra
NPM ......... https://www.npmjs.com/package/@algorismus/elementor-jsx

PROOF ....... 8 production-shaped sites, built live on camera,
              one prompt each, zero human edits:
              housemait  9 sections  31 min
              canopy    10 sections  17 min
              alike      8 sections  22 min
              triple     8 sections  25 min
              billow     9 sections  25 min
              pumo       8 sections  30 min
              mat        6 sections  21 min
              bt26       8 parts     24 min
              films + scrollable results:
              https://docs.wpos.ai/ultra/examples/overview

SOURCE ...... this very page is elementor-jsx output. excerpt
              of the hero you just flipped from:

              <heading tag="h1" size={126}
                font={t.font.display} color={t.color.ink}>
                One prompt in. Elementor site out.
              </heading>

LICENSE ..... MIT (c) 2026 Algorismus (also operates wpos.ai; docs
              live there). independent, interoperating project — not
              affiliated with or endorsed by Elementor Ltd; "Elementor"
              is their trademark.

HUMAN? ...... there is a prettier version of this page.
              press H, or use the switch, top right.

One prompt in. Elementor site out.