Repo

Procedural playground

experiment

This page has no end and no author. Every section below is procedurally generated from a seed — the layout it picks, the palette, the type, even the copy. But unlike most generative toys, everything is built from real ZUI components and design tokens: cards, tables, forms, accordions, badges, avatars — all re-themed per section by overriding ZUI's semantic custom properties.

Scroll to generate. New sections come into existence as you approach them, and every few sections the page drifts into a new biome — a colour family, accent, radius scale and typeface of its own. The generator is deterministic: the same seed always produces the same page, so a link is a reproducible design. Hit reroll for a different universe.

Each section's footer tells you exactly which components it uses (linked to their docs) and lets you view or copy its HTML — clean markup whose zui-* classes map 1:1 to the React, Astro, Solid, Svelte and Vue wrappers (the few pg-* classes are just local grid scaffolding). The copied code carries no palette, so it takes on your theme when pasted — and if you like a palette, Theme copies it as CSS token overrides you can drop on any container or :root. See a layout worth keeping? Save it and it's kept (with its seed) in your browser so you can come back to the idea later.

Shortcuts: r reroll · j jump ahead ×10 ·. saved ideas

Saved ideas

Sections you bookmarked, pinned to their seed. Links reopen the exact section so you can copy its code or keep exploring from there.

Theme

Copy this CSS to your project: