Skip to content
Docs
Open Promoeyes

ui

scenesset 1272× in templates and rigs

A UI page drawn as a texture: inside `map_from`, its cards are laid out on a `width` × `height` page.

ui#wi-ui(width=480 height=300 position="350 500 0")

Attributes

heightnumber1265×
widthnumber1265×
aligntexte.g. startcenter141×
layouttexte.g. columnrow141×
coords_widthnumber36×
position"x y z"35×
fillcolour #rrggbb24×
staggernumber8×
stagger_durationnumber8×
stagger_startnumber7×
anchortexte.g. center2×
coords_heightnumber1×
gapnumber1×
justifytexte.g. center1×

Where it goes

Written under

iphone 590laptop 177ipad 159map_from 144chrome 85imac 55scene 34macbook 26template 2

Holds

card 6066text 4760icon 354column 78glow 74avatar 58assembly 18progress-bar 18line-chart 16circle 14opacity 8stat-ring 3image 3video 3template 1row 1

Examples

ui#wi-uiin animations-transitions/assembly-genericOpen and play →
ui#wi-ui(width=480 height=300 position="350 500 0")
  card(w=480 h=300 r=24 fill=#0b1622 stroke=#1e4457 stroke_width=1.5 shadow=false layout=column align=start justify=start gap=14 padding="28 32")
    row(align=center gap=12 fill=transparent shadow=false)
      icon(set=tabler name=activity size=36 color=#35e0ff stroke_width=2.4)
      text(text="Live metrics" size=30 weight=800 color=#f2fbff align=left)
    text(text="Requests per second across every region." size=18 weight=500 color=#8fb4c6 align=left)
    row(align=center gap=12 fill=transparent shadow=false)
      card(w=128 h=72 r=14 fill=#14263a shadow=false layout=column align=center justify=center)
        text(text="12.4k" size=28 weight=800 color=#ffffff)
      card(w=128 h=72 r=14 fill=#14263a shadow=false layout=column align=center justify=center)
        text(text="99.98%" size=28 weight=800 color=#35e0ff)
      card(w=128 h=72 r=14 fill=#14263a shadow=false layout=column align=center justify=center)
        text(text="41ms" size=28 weight=800 color=#ffd60a)
  assembly(preset=wind-sweep seed=11 shards=6x4)
    0.2 0
    3.6 1
    5 1
ui#vo-uiin animations-transitions/assembly-genericOpen and play →
ui#vo-ui(width=480 height=300 position="350 500 0")
  card(w=480 h=300 r=24 fill=#0b1622 stroke=#1e4457 stroke_width=1.5 shadow=false layout=column align=start justify=start gap=14 padding="28 32")
    row(align=center gap=12 fill=transparent shadow=false)
      icon(set=tabler name=activity size=36 color=#35e0ff stroke_width=2.4)
      text(text="Live metrics" size=30 weight=800 color=#f2fbff align=left)
    text(text="Requests per second across every region." size=18 weight=500 color=#8fb4c6 align=left)
    row(align=center gap=12 fill=transparent shadow=false)
      card(w=128 h=72 r=14 fill=#14263a shadow=false layout=column align=center justify=center)
        text(text="12.4k" size=28 weight=800 color=#ffffff)
      card(w=128 h=72 r=14 fill=#14263a shadow=false layout=column align=center justify=center)
        text(text="99.98%" size=28 weight=800 color=#35e0ff)
      card(w=128 h=72 r=14 fill=#14263a shadow=false layout=column align=center justify=center)
        text(text="41ms" size=28 weight=800 color=#ffd60a)
  assembly(preset=vortex-assemble seed=4 shards=6x4)
    0.2 0
    3.6 1
    5 1
ui#ra-uiin animations-transitions/assembly-genericOpen and play →
ui#ra-ui(width=480 height=300 position="350 500 0")
  card(w=480 h=300 r=24 fill=#0b1622 stroke=#1e4457 stroke_width=1.5 shadow=false layout=column align=start justify=start gap=14 padding="28 32")
    row(align=center gap=12 fill=transparent shadow=false)
      icon(set=tabler name=activity size=36 color=#35e0ff stroke_width=2.4)
      text(text="Live metrics" size=30 weight=800 color=#f2fbff align=left)
    text(text="Requests per second across every region." size=18 weight=500 color=#8fb4c6 align=left)
    row(align=center gap=12 fill=transparent shadow=false)
      card(w=128 h=72 r=14 fill=#14263a shadow=false layout=column align=center justify=center)
        text(text="12.4k" size=28 weight=800 color=#ffffff)
      card(w=128 h=72 r=14 fill=#14263a shadow=false layout=column align=center justify=center)
        text(text="99.98%" size=28 weight=800 color=#35e0ff)
      card(w=128 h=72 r=14 fill=#14263a shadow=false layout=column align=center justify=center)
        text(text="41ms" size=28 weight=800 color=#ffd60a)
  assembly(preset=rain-fall seed=21 shards=6x4)
    0.2 0
    3.6 1
    5 1

Used in

Templates that write ui; each opens at its first use.

Ember Rewards1×