Ytan

One living background, from the hero to the footer

Try a look on this page See pricing

Pick a look. The whole page wears it.

  • +138more in Lab

It went quiet. One curve runs down the page.

Your coding agent can design and place it in 3 calls

  1. design
  2. place
  3. preview
$ strata design --site ./site --directions 4 \
    --brief "lively hero, calm muted middle behind the text, lively footer"
  read   hero energy 0.85, middle 0.15, colour 0.4, footer 0.85
  site   light page on #f2f0eb, dark mode on #0b0d12, 8 sections
  1  ember           fabric       36/100
  2  alder           atmosphere   44/100   recommended
  3  midnight-satin  fabric       32/100
  4  lagoon          atmosphere   48/100
  ok board.png, design.json

$ strata place 2 --site ./site
  ok strata/look.json, runtime, fallbacks, index.html wired

$ strata preview --site ./site
  1440  live, text contrast 12.8:1 or better in all 8 sections
   390  live, text contrast 12.2:1 or better in all 8 sections
  ok preview.png

Fast on any machine. Measured on yours.

page frames per second
background draws per second
render scale
KB of script, gzipped
15.4
  • Calm parts of the page draw less often and run fewer shader steps.
  • Stops in a background tab, off screen, and when nothing moves.
  • Lowers its own resolution before it would drop a frame.

Pricing

Free

$0

  • The live script, 4 looks
  • Stills up to 1920 px
  • HTML, Next.js and React code
  • Commercial use
Start free

Pro

$99/year

Founding price $179 once, first 100 buyers

  • Every look, and every new one
  • Stills up to 8000 px, seamless loops
  • Client and commercial work
  • The studio and all controls
Get Pro

Pro + Agents

$149/year

Founding price $249 once, first 100 buyers

  • Everything in Pro
  • design, place and refine for your agent
  • MCP, CLI and HTTP, no call limits
  • Live sessions your agent can edit
Get Pro + Agents

Prices in USD, VAT handled at checkout. Plans, refunds and questions.