open-source · hyperframes

aurora

An original, seamless 8-second gradient-mesh loop — built entirely as code. Drifting orbs, a rotating ring, a breathing glow, and a hand-synthesized ambient pad. The last frame equals the first.

How the seam disappears

Nothing is a video sample. Every element is animated so that 8 seconds later it is pixel-for-pixel back where it started — it loops forever with no cut.

Orbs

Five blurred radial gradients on mix-blend: screen drift with yoyo over 4s, returning to origin at 8s.

Ring + glow

The progress ring rotates a full 360° over 8s; the center glow breathes on a single cosine swell — both land exactly where they began.

Audio

The ambient pad is synthesized in pure Node. Chord frequencies are chosen so f × 8s is an integer, so sample [0] equals sample [N].

Run it

Clone, validate, scrub in Studio, render. No samples, no paid assets, no dependencies beyond HyperFrames.

# clone and enter the project git clone https://github.com/arjunkshah12345-hash/aurora-loop cd aurora-loop/project npm run check # validate the composition npm run dev # open in HyperFrames Studio npm run render # render the 8s loop to MP4 node scripts/make-audio.mjs # regenerate the pad