Minimal, editor-agnostic sandbox to preview bootloader.art projects locally. Drop one script tag and point it at your generator file — works in any code editor.
-
Open the ready-made template in Codevre (no setup):
-
Or open the full repo in Codevre:
-
Or use locally with the CDN:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
</head>
<body>
<script>
window.BootloaderSandboxConfig = {
source: "/examples/sketch.js", // your generator file
theme: "light", // "light" | "dark"
cache: true, // persist seed/iteration in localStorage
};
</script>
<!-- CDN: latest from main branch -->
<script src="https://cdn.jsdelivr.net/gh/Tezumie/bootloader-sandbox@main/src/bootloader-sandbox.min.js"></script>
</body>
</html>- Injects a minimal header UI.
- Renders your generator code into a Bootloader-style SVG preview.
- Optional dark/light theme.
- Optional localStorage persistence for seed & iteration.
Set on window.BootloaderSandboxConfig before loading the script:
| Key | Type | Default | Description |
|---|---|---|---|
| source | string | see below | Path/URL to your generator JS file. |
| theme | "light" | "dark" |
"light" |
UI theme. |
| cache | boolean | true |
Persist seed/iteration between reloads. |
Source resolution order:
window.BootloaderSandboxConfig.source"sketch.js"(fallback)"script.js"(fallback)
/examples/index.html
/examples/sketch.js
/src/bootloader-sandbox.js
/src/bootloader-sandbox.min.js
/assets/demo.PNG
/README.md
- Bootloader site: https://bootloader.art
- Docs: https://bootloader.art/help
- Bootloader monorepo: https://github.com/objkt-com/bootloader-monorepo
MIT — attribution appreciated.