Playground

Playground spins up single-file HTML sandboxes you can drop into a repo, share in a review, or open in a browser without installing anything. It builds a live preview pane that reloads as you edit, a set of visual controls you can bind to variables, and a prompt/output area that records the current state and copies it to clipboard with one click. The sandbox bundles CSS, JS, and assets into one standalone file so collaborators can open the same playground on any machine or environment.

The tool lets you map controls to DOM properties, run custom scripts on change, and watch specific variables so you can inspect how interactions flow. It reads your HTML, injects the control UI, and runs the preview inside a safe iframe. It also logs events to a panel so you can trace how inputs affect state without leaving the page.

Developers use Playground to prototype animations, debug interactive widgets, and collect reproducible steps for bug reports. In a client review, you can send a single file that the client opens locally; they tweak sliders, you watch the logs, and you copy the current prompt output to paste into a ticket — no rebuilding, no switching between editor and browser.