Advanced example · early experiment

From a request to a widget

One request. Two ways to build it. Try both.

An early attempt at dynamic widgets that needs work.

Ready when you are.

Both start together using the connected agent’s model (Luna on Codex). Compare the time, output size and working result. Requires a live Leaf page claimed by an agent.

Compose Leaf components

Luna chooses and configures existing controls. Leaf supplies their behavior and styling.

Ready when you are.

Time and output tokens will appear here.

Your widget will appear here.

Request, instructions and generated source

Preview’s request

Instructions

Model output · component JSON

No generation yet.

Compiled Leaf source · HTML

No generation yet.

Generate HTML

Luna writes the markup, styling and behavior from scratch.

Ready when you are.

Time and output tokens will appear here.

Your widget will appear here.

Request, instructions and generated source

Preview’s request

Instructions

Model output · HTML

No generation yet.

CSS

No generation yet.

JavaScript

No generation yet.

The component catalog includes choices, tabs, boards, charts, editable drafts, text and tables. Unsupported behavior is reported as a limitation. “Ready” means rendered, not independently tested. Each run starts fresh.