Interactive

Pyxle, live. No install.

Write a real .pyxl and run it instantly — the actual Pyxle parser plus your @server and @action code, in an isolated sandbox. Zero install, nothing leaves your machine. In a real app this Python runs server-side on Starlette — the playground just simulates that here.

01 — The benchedit freely · sandboxed · zero install

counter.pyxl edit me

# counter.pyxl
 
# Count lives in Python. The @action
# mutates it on the server (sandboxed here).
count = 0
 
@server
async def load(request):
    return {"count": count}
 
@action
async def increment(request):
    global count
    count += 1
    return {"count": count}
 
 
import React, { useState } from 'react';
import { useAction } from 'pyxle/client';
 
export default function Counter({ data }) {
    const [count, setCount] = useState(data.count);
    const increment = useAction('increment');
 
    async function bump() {
        const res = await increment();
        if (res.ok) setCount(res.count);
    }
 
    return (
        <div className="card">
            <span className="tag">state lives in Python</span>
            <h1>{count}</h1>
            <p>Each click runs the @action — real Python.</p>
            <button onClick={bump} disabled={increment.pending}>
                {increment.pending ? 'Running…' : 'Increment +'}
            </button>
        </div>
    );
}

Previewsandboxed preview · no install

state lives in Python

Edit the code → real Python boots.

Fig. 1 — sandboxed CPython in your browser; nothing leaves your machine.

02 — And on a real server

The same `@action`, hitting a real database.

The editor above runs client-side. This board is the real deploy — every click is a POST to Python, writing to SQLite. The counts are live and shared by everyone on this page right now.

React to this page

65 total

Every click is a POST to Python — no API route, no glue.

pages/playground.pyxl

@action
async def react_emoji(request):
    body = await request.json()
    emoji = body.get("emoji", "")
    if emoji not in VALID_EMOJIS:
        raise ActionError("Invalid reaction")

    count = increment_reaction(emoji)
    return {"ok": True, "emoji": emoji, "count": count}

Fig. 2 — the live handler. Every click on the board runs this @action against SQLite on this server.

03 — Ready when you are

Build it for real.

Like what you ran? Four commands from zero to a running dev server.

pip install pyxle-framework
pyxle init my-app && cd my-app
pyxle install
pyxle dev

Read the docs Star on GitHub ↗

Pyxle, live. No install.

The same @action, hitting a real database.

React to this page

Build it for real.

The same `@action`, hitting a real database.