No bundler, no import map, no build step. Drop the tag in, register the fields you want a visitor to be able to turn, and read them back.

<script src="https://unpkg.com/@dank-inc/dankstore"></script> <script> dankstore.register({ shape: { type: 'select', options: ['rings', 'bars', 'lattice'], default: 'rings' }, count: { type: 'range', min: 3, max: 64, default: 24 }, speed: { type: 'range', min: 0, max: 2, step: 0.01, default: 0.6 }, glow: { type: 'checkbox', default: true }, label: { type: 'text', default: 'dank store' }, }) // no reload, no polling — the overlay pushes every change here dankstore.subscribe((settings) => draw(settings)) </script>

Everything below is drawn from dankstore.get(). Open the overlay with the gear in the bottom-right corner, or Cmd/Ctrl + , — there is no control surface on this page, only the one the library injects.

One write fans out to three places. Turn anything in the overlay and watch all three move together — the address bar is the shareable copy, localStorage is the sticky copy, and the live object is what the page renders from.

deep link — settings travel in the url —

Field types: text, range (min/max/step), checkbox, select (options), color. Anything richer takes a parse / serialize pair — JSON.parse / JSON.stringify round-trips through a URL param unharmed.