# rae Examples
Rendered examples open real desktop windows. They are dev-only `macroquad` renderers over renderer-neutral `rae` data.
Run rendered examples with:
```bash
cargo run --example demo_layout
cargo run --example demo_widgets
cargo run --example demo_design_studio
cargo run --example demo_render_full
```
Run any rendered example with a short CI/smoke-test frame limit:
```bash
RAE_RENDER_DEMO_FRAMES=2 cargo run --example demo_shader_catalog
```
Capture a rendered PNG from any example with:
```bash
RAE_RENDER_SCREENSHOT_DIR=/tmp/rae-screens RAE_RENDER_DEMO_FRAMES=2 cargo run --example demo_themes
```
Set `RAE_RENDER_SCREENSHOT_FRAME` to capture a later frame.
Set `RAE_SHADER_CATALOG_PAGE=2` or `3` with `demo_shader_catalog` to capture later catalog pages directly.
Shader preview cards use polished procedural previews by default so examples remain readable on headless or low-capability GL contexts. Set `RAE_RENDER_LIVE_SHADERS=1` to blend the actual GLSL material path when debugging live shader behavior; `demo_shader_catalog` lazily loads live materials for the selected page so `RAE_SHADER_CATALOG_PAGE=2` or `3` targets that page's descriptors.
Current examples:
- `demo_shader_catalog`: rendered shader catalog grouped by family.
- `demo_aisling_shaders`: rendered Aisling-inspired GLSL motifs and recommended slots.
- `demo_catalog`: rendered widget catalog, token, recipe, and pro-audio model showcase.
- `demo_effects`: ripple, glow, elevation, and motion timing samples.
- `demo_code_output`: sanitized assistant Markdown/code output with token classes and copy-safe text.
- `demo_code_editor`: full rendered code editor shell with emulated assistant streaming, sanitization metrics, file panes, command matches, and snippets.
- `demo_design_studio`: full interactive design/code studio surface with editor, composer, catalog, inspector, and assistant stream.
- `demo_interaction`: scroll ranges, hit testing, resize handles, command palette filtering, and snippets.
- `demo_render_full`: polished macroquad window rendering layout, shaders, transcript rows, hit feedback, commands, snippets, and ripples.
- `demo_morph`: whole-card topology morph samples and cache keys.
- `demo_layout`: polished macroquad layout lab with live shell geometry and desktop/tablet/mobile previews.
- `demo_widgets`: polished macroquad widget gallery with prompt, panes, chips, sections, and transcript cards.
- `demo_transcript`: transcript wrapping, row materialization, and scroll clamping.
- `demo_themes`: built-in palettes and material token previews.
- `demo_full`: one cohesive rendered shell using multiple modules.