Web playground

Explore Lumen in the browser

Try individual primitives, shape a token-driven theme, or inspect complete product layouts before adding Lumen to an application.

Browse components Create a theme

Runtime comparison

Switch the real framework, not only the snippet

The same product scenario is rendered by the public Astro, React, and Web Component adapters. Switch runtimes, advance state, and test the tab keyboard contract in place.

Rendering with Astro

Astro server output

Release control

Semantic HTML is enhanced by selector-loaded Astro controllers.

Keyboard navigation and focus use progressively enhanced HTML.

Component examples

Open live examples for every documented web primitive and inspect its API and accessibility contract.

Open playground →

Theme playground

Tune semantic colors, preview light and dark appearances, and export the resulting theme tokens.

Open playground →

Template previews

Explore complete application layouts built with the same public Astro, React, and Elements primitives.

Open playground →