# Ytan: living backgrounds for the whole page

> Ytan draws one endless field behind your site: busy where you want attention, quiet behind your text. A 15.5 KB script, one shader, and a coding agent can put it in for you.

Canonical: https://ytan.dev/

# One living background, from the hero to the footer

[Try a look on this page](https://ytan.dev/#looks) [See pricing](https://ytan.dev/#pricing)

## Pick a look. The whole page wears it.

- Swirl Lines
- Borealis
- Chrome
- Dune
- Tidal
- Void Spiral
- Quartz Marble
- Interference
- Glyph Murmuration
- **+138**more 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.5

- 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](https://ytan.dev/get-started/)

### Pro

| Monthly | Yearly | Lifetime |
| --- | --- | --- |
| $29 | $99 | $249 |

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](https://ytan.dev/pricing/?bill=yr#pro)

### Pro + Agents

| Monthly | Yearly | Lifetime |
| --- | --- | --- |
| $39 | $149 | $349 |

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](https://ytan.dev/pricing/?bill=yr#agents)

Prices in USD, VAT handled at checkout. [Plans, refunds and questions](https://ytan.dev/pricing/).