Beautiful animated headers

Interactive backgrounds with effects, tessellation, and text. Embed anywhere, customize everything.

8 Background Types

Choose from liquid mesh gradients, aurora borealis, fluid simulations, wave patterns, ribbon trails, dandelion particles, particle rings, and simple gradients.

Icon Tessellation

Overlay a repeating grid of 65+ icons over any background. Adjust size, spacing, rotation, and opacity.

Overlay Effects

Add texture overlays like grain, scanlines, dots, and grid patterns. Control vignette, blur, saturation, contrast, and color maps.

Fluted Glass Effect

Apply a refractive glass distortion that warps the background with animated wave patterns. Adjust segment count, rotation, and distortion strength.

Text & Fonts

Add centered text with 4 font families: Manrope, Playfair Display, Space Grotesk, and Petit Formal Script. Configure size, weight, spacing, and glow effects.

Interactive Input

Control how the background reacts. Mouse mode follows the cursor, microphone mode reacts to audio with bass, mid, and treble bands.

Dark & Light Mode

Every scene supports dark and light theme overrides. Store a single scene with different color palettes, brightness, and contrast for each mode.

Color Palettes

Load custom color palettes or choose from presets. Colors propagate through gradients, tessellation, and effects. Supports Tailwind OKLCH palettes.

Embed Anywhere

Drop a lightweight iframe snippet into your site. Your animated scene renders in real-time, with mouse reactivity and theme support.