Template gallery¶
lumenc new <template> <name> scaffolds a runnable app directory from a
built-in template. Every template ships main.lmn, main.css (where
styling matters), main.rhai, lumen.toml, and a README.md explaining
the concepts it demonstrates. All of them run out of the box:
lumenc new --list # print this gallery
lumenc new todo my-todo
lumenc run my-todo # or: lumenc run my-todo --headless
| Template | One-liner | Concepts it teaches |
|---|---|---|
hello |
Smallest runnable app: one label + a script that says hi. | <root>, <label>, <script>, lumen.toml |
counter |
Click-to-bump counter. | signals, bind-text, per-id on("click", …) routing, CSS custom properties |
form |
Two-way bound form with a live status line. | bind-text / bind-checked / bind-value, on_text_input / on_toggle / on_slider, focus styling |
todo |
The canonical tutorial app: reactive list with add / toggle / remove. | array signals, <for each key>, {row.field}, per-row action ids + global on_click prefix routing, <scroll> |
dashboard |
Stat tiles + progress bars + activity feed, animated by a timer. | <tile> composition, <progress bind-value>, set_interval / cancel_timer, bounded array feeds |
settings |
Settings panel: grouped controls + derived summary. | <checkbox>, <radio group>, <dropdown> + <option>, <slider step>, derive(), state pseudo-classes |
hotkeys |
Native shell showcase. | register_hotkey / on_hotkey, tray_icon / on_tray, notify, live re-arm via toggle |
Recommended path: hello → counter → todo (the tutorial app) →
form / settings for the forms pattern → dashboard for timers and
feeds → hotkeys when you need the OS shell.
Every scaffolded app also serves the browser inspector
on its MCP port while running — http://127.0.0.1:7878/ — which is the
fastest way to see the signals these templates write.