Sections / Backgrounds
Backgrounds
Animated backgrounds with no video files to host. Some are drawn live in code; others take a free Unsplash photo and bring it to life with parallax, light and particles. All of them pick up your theme’s colours, react to the cursor where it makes sense and hold still for visitors who reduce motion. Wrap any section in one.
CSSAurora Curtains
Curtains of light waving over a dark ridge under the stars, in your primary and accent, with a slow shimmer along each fold.
WebGLChrome Blobs
Liquid metal blobs merging and splitting in real-time WebGL, reflecting your primary and accent colours. Follows the cursor.
PhotoChrome Liquid
Liquid chrome whose iridescent colours slowly cycle through the spectrum while it breathes in and out.
PhotoCity Bokeh
Night city lights out of focus, with glowing bokeh circles in your theme colours rising and blending on canvas.
PhotoDesert Dusk
Dunes under a pink dusk sky panning slowly sideways, with heat shimmer rippling the sand.
WebGLFluid Gradient
Real-time WebGL mesh gradient from your theme colours with domain-warped noise, grain and cursor drift. No video.
CSSGlow Orb
A glowing sphere hovering over a reflective floor: a slowly turning inner gradient, a bright rim and a soft reflection, in your theme's colours.
PhotoGolden Reeds
Backlit reeds at sunset with a pulsing sun flare, slow light rays and dust motes floating up through the glow.
CanvasLight Beam
A falling column of light pooling on a reflective floor with flicker and drifting sparks, drawn live on canvas.
PhotoLone Tree
A single tree in a bright valley that shifts with the cursor while pollen drifts through the light, tinted towards your theme at the top.
PhotoMeadow Sky
Rolling green hills under heavy cloud, slowly zooming, with cloud shadows sweeping across and a gentle parallax that follows the cursor.
PhotoMountain Mist
Layered blue ridges with bands of mist drifting at different speeds and a scroll parallax that lifts the range.
CanvasNeon Tunnel
A grid corridor rushing towards you on all four walls, with a scanning band of light in your primary colour. True 3D projection on canvas.
CanvasPlanet Horizon
A planet rising from the bottom edge with a theme-lit atmospheric rim, travelling light sweep and twinkling stars.
CanvasPortal Arc
A ring of light rising from the horizon with thousands of particles drawn into it, bending towards the cursor. Drawn live on canvas.
CanvasPrism Burst
Rays of coloured light turning out from a bright core, with sparks flung outwards. Conic gradients and canvas.
PhotoRibbon Render
A glossy 3D ribbon render that tilts in perspective towards the cursor, with a specular sheen that follows it.
WebGLSilk Waves
Live WebGL silk folds with specular ridges in your primary and accent over a deep base. Cursor drifts the fabric.
CSSAurora
Drifting, blurred colour fields that follow your theme. Wraps any children.
CanvasConstellation
Drifting particle network that links nearby nodes and gathers around the cursor. Light or dark.
CanvasDot Field
Canvas dot field that ripples away from the cursor and follows theme colours.
CSSEclipse Ring
Rotating conic-gradient corona around a black disc with bloom, tilting toward the cursor.
SVGFlowing Lines
Dozens of ribbon lines flowing like a silk scarf, recomputed in SVG every frame with a gradient stroke.
CSSGrain Gradient
Pastel mesh of drifting blurred colour fields with an SVG film-grain overlay.
CSSGrid Beams
Faded grid with light beams falling along the lines. Wraps any content.
CSSLight Rays
Soft volumetric rays from the top edge with floating dust. Works on light and dark themes.
CSSNeon Rings
Concentric neon rings pulsing outward from a glowing horizon line. CSS and motion only.
CanvasRetro Grid
Perspective grid floor racing toward you under a striped setting sun, with true 3D projection on canvas.
CanvasWarp Starfield
Hyperspace star streaks from a cursor-steered vanishing point. Hold the pointer to jump.
See them in a full page
Templates built on these backgrounds.
