Potencia Breathing Animations

Parametric, code-based breathing gauges. Self-contained — embed any of them in an <iframe>.

Coherent Gauges — 6-in-1

Tide · Tide↑ · Horizon · Coherence Wave · Jellyfish · Liquid Orb · Lotus. One breath engine, default 5s-in / 5s-out, four palettes. Each fills on the inhale and empties on the exhale.

Open the full suite ↗

All animations

Coherent Gauges

6-in-1 suite (Tide, Horizon, Wave, Jellyfish, Orb, Lotus).

embeddable

Conveyor — Sharp

Scrolling line/ball gauge, sharp corners, bowl tones.

embeddable

Box-Breath Orb

Swirling sunset orb + progress ring (reference template).

Circular Breathing

Glowing ring + metaball liquid fill + orb tracer.

Sufi Breathing

Gold iris/aperture — disc grows, hole drains.

Humming Breath

Hummingbird composite + neon ring + hum audio.

Aurora Veil

Northern-lights gauge (fill + glow variants).

Sacred Geometry

Flower-of-life bloom (renderer + batch; widget WIP).

Embedding

The embeddable widgets accept URL parameters and a clean no-chrome display mode:

?controls=0 hide all controls & fill the frame · ?gauge= tide·tide-full·horizon·wave·jellyfish·orb·lotus (Coherent suite) · ?pattern= circular·triangle·box (Conveyor) · ?inhale= & ?exhale= & ?hold= & ?rest= seconds · ?palette= Aqua·Sunset·Violet·Mint / Gold · ?hud=0 hide the counter · ?controls=palette embed with the colour picker visible · embeds start paused with a play button (?autoplay=1 to skip)

<div style="position:relative;width:100%;max-width:420px;aspect-ratio:9/16;margin:auto">
  <iframe src="https://anim.potencia.com/animations/coherent-gauges/widget.html?gauge=tide&controls=0"
          style="position:absolute;inset:0;width:100%;height:100%;border:0"
          allow="autoplay" loading="lazy"></iframe>
</div>