| Variable | Function / Expected Syntax |
|---|---|
code | Must be exactly "good" to compile preview. |
grid | Set to "true" to reveal pixel alignment grid overlays. |
Applies canvas alterations universally across the underlying body node frame.
| Variable | Acceptable Arguments |
|---|---|
background | CSS color codes (e.g. "#11111b", "red") |
color | Default text color fallback value strings |
font | Base font family setup values (e.g. "monospace") |
Generates active UI structural components sequentially. Track indices starting at 1.
| Tag | DOM Target Result |
|---|---|
text | Primary top header element (<h1>) |
subtitle | Secondary structural text item (<h2>) |
txt | Standard document layout block (<span>) |
img | Source image renderer element (<img>) |
site | Embedded remote viewport frame content (<iframe>) |
video | Media streaming container pipeline (<video>) |
Append matching generation numerical indices directly to structural rule variables.
| Modifier | Examples / Behaviors |
|---|---|
pos# | Coordinates: pos1="100, 150" (Absolute layout) |
font-size# | Number appends pixels: font-size2="24" or "2rem" |
color# | Component style isolation color overrides: color1="blue" |
*# | Pass any standard CSS property rule name natively (e.g., letter-spacing1="4px") |