Background Components

Animated color bands warped by noise and swirls over a checks, stripes, or edge pattern. Adapted from Warp by Paper Shaders (shaders.paper.design) under the Apache 2.0 license.

A ring of layered smoke noise with controls for ring radius, thickness, inner fill, noise detail, and palette. Adapted from Smoke Ring by Paper Shaders (shaders.paper.design) under the Apache 2.0 license.

A glowing web of fluid lines and soft intersections with controls for brightness, contrast, and palette. Adapted from Neuro Noise by Paper Shaders (shaders.paper.design) under the Apache 2.0 license.

Flowing color spots with organic distortion, swirl, and optional grain. Adapted from Mesh Gradient by Paper Shaders (shaders.paper.design) under the Apache 2.0 license.

Grainy multi-color gradients in seven animated shapes, with controls for softness, distortion, grain, and palette. Adapted from Grain Gradient by Paper Shaders (shaders.paper.design) under the Apache 2.0 license.

Animated rays of light that radiate from a glowing core, with controls for ray colors, density, length, bloom, and core glow. Adapted from God Rays by Paper Shaders (shaders.paper.design) under the Apache 2.0 license.

Curling flames and rising embers span the bottom edge, with open space above for page content.

A night-sky shader with fine meteor trails, layered stars, and varied flight paths. Includes live sky and meteor controls.

A rolling field of softly beveled ceramic tiles.

A glassy top-origin aurora shader background with controllable ribbon scale, motion, glow, and palette.

A realistic animated water background with layered waves, shimmering highlights, click ripples, and controls for scale, shine, motion, and water colors.

A contour-line background with gently moving map-like paths, adjustable line strength, scale, motion, and colors.

A flowing silk-ribbon background with smooth motion, soft sheen, and controls for ribbon spread, scale, glow, and palette.

A subtle data-grid background with pulsing nodes, transmission lines, and controls for grid density, brightness, motion, and colors.

A moody night-sky background with slow moving cloud layers, soft horizon glow, and controls for drift, scale, depth, and palette.

A polished glass-thread background with layered highlights, subtle refraction, and controls for facet scale, shine, and colors.

A dotted glow background with soft bloom, interactive pointer highlights, and controls for dot size, motion, brightness, and palette.

A clean light-beam background that draws attention toward the center, with adjustable beam count, brightness, motion, and colors.

A soft animated aurora background with drifting color veils, subtle glints, and controls for motion, scale, brightness, and palette.

An interactive particle effect where particles are pushed away from the mouse cursor and smoothly snap back.

An ambient falling particle animation that creates a gentle, cascading atmosphere for backgrounds.

A soft radial glow positioned at the bottom edge with half the orb visible. Creates a rising glow effect for footers and CTAs.

A classic checkerboard pattern with alternating filled squares. Great for adding subtle texture.

A beautiful radial gradient that mimics sunrise or sunset colors. Includes presets for sunrise, sunset, dawn, and dusk.

A checkerboard pattern with prominent grid lines and subtle fills. Separate opacity controls for grid and fill.

A clean grid pattern with a radial fade-out effect that draws focus to the center. Perfect for hero sections.

A clean, minimal grid pattern with smaller cells for a denser texture. Great for detailed backgrounds.

A clean, minimal grid pattern with larger cells. Perfect for spacious hero sections.

A clean grid pattern with dots at intersection points and a radial fade effect. Perfect for focused hero sections.

Animated aurora borealis-inspired gradient waves. Creates a mesmerizing, premium atmosphere for hero sections.

A subtle film grain noise texture overlay. Adds organic warmth and visual interest to flat backgrounds.

A geometric honeycomb hexagon pattern. Adds a structured, technical aesthetic perfect for SaaS and tech products.

A soft radial gradient glow emanating from the center. Creates a spotlight effect that draws attention to content.

Elegant diagonal stripes pattern that adds movement and energy. Perfect for dynamic, action-oriented sections.

A vibrant gradient mesh background with blurred color blobs. Creates a modern, dynamic atmosphere.

A subtle dot matrix pattern that adds texture without overwhelming content. Great for tech-focused designs.

A grid pattern with gradient fade overlay. Creates depth and draws focus to the center content.

A clean, minimal grid pattern using SVG. Perfect for adding subtle texture to hero sections.

An ambient rising particle animation that creates a magical, floating atmosphere for backgrounds.