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.
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.