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.
Anamorphic Streak Flare
hfrmA 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.
Aurora Drift
hfrmThree soft accent-derived aurora fields drift in an exact ambient loop over a deep base and faint vignette.
Background Emphasis Type
hfrmOversized low-contrast background word drifting slowly behind the subject — typography as texture
Beat Pulse Background
hfrmAn accent-derived backdrop pulses its glow intensity and saturation on a deterministic, supplied beat grid.
Cosmic Orb
hfrmAn 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.
Dynamic Grid
hfrmA responsive animated grid background driven by CSS variables for SaaS, code, and data scenes
Grain Field
hfrmA clearly visible accent-tinted dot field drifts over a subtle luminance gradient in an exact ambient loop.
Grain Overlay
hfrmAnimated film grain texture overlay using CSS keyframes — adds warmth and analog character to any composition
Halftone Field
hfrmA 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.
Liquid Background
hfrmOrganic liquid simulation with vertex displacement on a subdivided plane. HTML content floats above rippling fluid surface with real-time wave dynamics.
Mesh Gradient Background
hfrmA render-safe mesh gradient using animated radial layers.
Minimal Gradient Background
hfrmProcedural 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
Scanline Board Background
hfrmTextured paper board: scanlines with slow drift, optional pixel grid, static grain, and display text with a blur-focus entrance and chromatic-fringe title
Spiral Galaxy
hfrmA 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.