#### <sup>[Ollin](../../index.md) → [Examples](../index.md) → Web</sup>

---

## Web

| [![BreathingRing](https://media.ollin.art/examples/Web/BreathingRing/still-640.jpg?v=592802a2)](breathingring.md) |  |  |  |
|---|---|---|---|
| [BreathingRing](breathingring.md) |  |  |  |

Sketches made for a web page. Each one uses only the shapes and shaders a browser can carry, and its colors are parameters, so a page can set its own theme.

| Example | What it shows |
|---|---|
| [BreathingRing](breathingring.md) | a ring of drifting, breathing circles that loops without a seam: the picture the site opens on, written as a sketch |

Run one with `swift run Example-Web-<Name>`, for example `swift run Example-Web-BreathingRing`. To export it as the page it was made for, run `swift run Example-Web-BreathingRing --export-web ring.html`. [Docs/Output/Web.md](../../docs/output/web.md) describes the export.