Visual attributes available on all layout, content, and geometry nodes.
Shared Attrs
propertyall nodesVisual attributes available on all layout, content, and geometry nodes.
Boolean presence convention: bare attributes without a value are treated as true. <frame clip> = <frame clip="true">. Applies to: clip, mask, wrap, abs, truncate, reverse-z.
| Attr | Type | Description |
|---|---|---|
opacity | number | Layer opacity, 0–1. Omitted when 1. |
blend | normal multiply screen overlay darken lighten color-dodge color-burn hard-light soft-light difference exclusion hue saturation color luminosity linear-burn linear-dodge | Blend mode against layers below. Omitted when normal. |
mask | boolean | Presence = true. Acts as an alpha mask for subsequent siblings. |
rotation | number | Rotation in degrees. Omitted when 0. |
constraint-h | left right center scale stretch | Horizontal pin/resize behavior. Default left (omitted). |
constraint-v | center scale stretch top bottom | Vertical pin/resize behavior. Default top (omitted). |
abs | boolean | Absolute child inside auto-layout. Presence = true. Replaces layout-position="absolute". |
min-width | number | Minimum width in px. Omitted when unset. |
max-width | number | Maximum width in px. Omitted when unset. |
min-height | number | Minimum height in px. Omitted when unset. |
max-height | number | Maximum height in px. Omitted when unset. |
flip | h v both | Mirror transform — 'h', 'v', or 'both'. |
filter | string | CSS filter string, e.g. "brightness(1.2) contrast(0.9)". |
isolation | boolean | Presence = true. New stacking context for blend modes (isolation: isolate). |
transform-origin | string | Transform origin, e.g. "top-left", "center", "0% 0%". |
scale-x | number | CSS scaleX, e.g. 1.5. |
scale-y | number | CSS scaleY, e.g. 0.8. |
skew-x | number | Horizontal skew in degrees. |
skew-y | number | Vertical skew in degrees. |
aspect-ratio | string | Aspect ratio, e.g. "16/9", "1/1". |
z-index | number | Explicit CSS z-index. |
visible | boolean | false = visibility:hidden (preserved in file, skipped in render). |
Shared attrs in use
<img src="assets/overlay.webp" w="390" h="240" opacity="0.6" blend="multiply" /> <rect fill="#FF3B30" w="40" h="40" radius="4" rotation="45" /> <rect fill="$primary" w="fill" h="52" constraint-v="bottom" />
Related