Borealis
4 layers
Green and magenta curtains above a dark forest, with stars behind the light.
Open in StudioThe collection
Start with a whole world. Explore finished scenes built from layers of light, landscape and signal, then discover the generators behind them.
Finished scenes
Aurora curtains, distant stars and silhouettes at the edge of night.
4 layers
Green and magenta curtains above a dark forest, with stars behind the light.
Open in Studio3 layers
A luminous green horizon opens into violet rays and a deep starfield.
Open in Studio4 layers
A mountain landscape under an aurora, framed by a dark treeline.
Open in StudioFinished scenes
Layered horizons, changing weather and light moving through water.
6 layers
Rain and lightning pass over mountains and trees in a layered storm.
Open in StudioFinished scenes
Digital rain, radar echoes and the textures of a failing display.
4 layers
Fractured cyan and magenta signals, electronic static, scan lines and a soft phosphor lattice.
Open in Studio3 layers
Radar contacts and expanding pulses emerge from a dark blue colour field.
Open in Studio2 layers
Green glyphs fall through the dark with a fine layer of electronic interference.
Open in Studio3 layers
Two offset sources send cyan and violet pulses across a drifting gradient.
Open in StudioEffects applied to the whole scene. Drag the divider to compare.
CSS fallback
CSS fallback
CSS fallback
Responsive scenes
Follow the light, emit a pulse, or pull a signal apart. These scenes combine reusable input modules with the generators and modifiers you already know.
Build an interaction Interaction guideTeal and violet light follows you above a still mountain horizon.
Focus the scene: arrows move, Escape resets. Playback can stay paused while you interact.
Cursor 50%, 50%. Released.
Distant stars, curtains, mountains and trees move at different depths.
Focus the scene: arrows move, Escape resets. Playback can stay paused while you interact.
Cursor 50%, 50%. Released.
Tap anywhere to send cyan and violet rings through the dark. Four pulses can overlap.
Focus the scene: arrows choose the target, Enter emits a pulse, Escape resets. Playback can stay paused while you interact.
Cursor 50%, 50%. Released.
Pull the display apart, then release it. The signal springs back and settles.
Focus the scene: arrows move, Enter emits a pulse, G grabs or releases, Escape resets. Playback can stay paused while you interact.
Cursor 50%, 50%. Released.
Movement creates interference; a tap distorts the signal. Inactivity restores it.
Focus the scene: arrows choose the target, Enter emits a pulse, Escape resets. Playback can stay paused while you interact.
Cursor 50%, 50%. Released.
The building blocks
Every scene starts here. Combine these generators in Studio and shape their colour, motion and layers.
Ribbons, curtains and star-filled skies.
Weather, landscapes, water and fire.
Colour in motion, from a quiet wash to a sweeping beam.
Two to four colours along an angle, like CSS linear-gradient().
Explore Linear gradientDigital rain, broken signals and luminous scans.