Playground

Pick an example and start it. You get an editor on the left and the running page on the right, with @alacris/core installed from npm. Change the source and the preview updates.

CounterComputedKeyed listStoreContextThemingBenchmark

Open on StackBlitz↗

Attributes as props, one signal, two event bindings.

Start the playground

An editor and a live page, with alacris installed from npm. It takes a couple of seconds to start; after that, switching examples is instant.

Open on StackBlitz takes the same example into a tab of its own, as a full Vite project with a package.json — the version to fork, clone, or copy into your own repo. (It has to be a separate tab: StackBlitz’s Node runtime needs cross-origin isolation headers, and a static host like GitHub Pages cannot send them. The embed above uses their classic runtime, which does not.)

Nothing here is specific to this site. Alacris itself needs no build step; Vite appears in the exported project only so that import '@alacris/core' resolves from node_modules. In a plain HTML page an import map does the same job:

<script type="importmap">
  { "imports": { "@alacris/core": "https://esm.sh/@alacris/core@0.11.3" } }
</script>
<script type="module" src="./main.js"></script>

See Installation for the other ways to load it, or the Alacris UI catalog for every button, field, and theme control running on this site.