Backgrounds & atmospheres

Animated backgrounds and atmospheric textures

Aurora fields, mesh gradients, halftone and grain surfaces, responsive grids, liquid planes, and ambient spatial backgrounds.

Backgrounds establish material and depth while leaving the foreground composition readable. They loop or hold cleanly so a scene can run for an arbitrary duration.

14 verified components. Browse every category.

block

Anamorphic Streak Flare

hfrm

A drifting field of bright points, each one throwing the long horizontal blue-violet streak a real anamorphic cinema lens produces. Built from the measured filter constants: a 0.3 high-pass, 80 horizontal taps at quarter resolution, a samples/3 gain and a 0x7a8aff tint.

component

Aurora Drift

hfrm

Three soft accent-derived aurora fields drift in an exact ambient loop over a deep base and faint vignette.

component

Background Emphasis Type

hfrm

Oversized low-contrast background word drifting slowly behind the subject — typography as texture

component

Beat Pulse Background

hfrm

An accent-derived backdrop pulses its glow intensity and saturation on a deterministic, supplied beat grid.

block

Cosmic Orb

hfrm

An iridescent soap-bubble planet: a slowly spinning sphere of nebula bands, dust lanes and twinkling stars wrapped in a refracting glass limb with chromatic aberration at the edge.

component

Dynamic Grid

hfrm

A responsive animated grid background driven by CSS variables for SaaS, code, and data scenes

component

Grain Field

hfrm

A clearly visible accent-tinted dot field drifts over a subtle luminance gradient in an exact ambient loop.

component

Grain Overlay

hfrm

Animated film grain texture overlay using CSS keyframes — adds warmth and analog character to any composition

block

Halftone Field

hfrm

A full-bleed halftone light field: a grid of dots whose size and colour track a slow flowing simplex-noise field, so broad bands of light sweep across a mostly-black frame like a giant LED wall showing a plasma. Built to run under type.

block

Liquid Background

hfrm

Organic liquid simulation with vertex displacement on a subdivided plane. HTML content floats above rippling fluid surface with real-time wave dynamics.

component

Mesh Gradient Background

hfrm

A render-safe mesh gradient using animated radial layers.

block

Minimal Gradient Background

hfrm

Procedural soft-blob gradient backdrop in a minimalist presentation style: two radial blobs drifting over a base color, with an animatable rounded-card bar mask and optional frosted-glass mode

block

Scanline Board Background

hfrm

Textured paper board: scanlines with slow drift, optional pixel grid, static grain, and display text with a blur-focus entrance and chromatic-fringe title

block

Spiral Galaxy

hfrm

A spiral galaxy seen from outside, turning with real differential rotation: inner stars orbit faster than outer ones, so the arms wind up over the shot instead of spinning rigidly. 20,000 additive GPU sprites, seeded once and solved directly from time, so any frame can be rendered on its own.