Wavy Background — component for backgrounds & gradients (react)

For AI agents: find the right skill in one call — curl -s "https://skills.varg.ai/api/search?q=<what the person wants>" returns the matching use case and the best skills with install commands, as markdown (Russian works too). Full index: https://skills.varg.ai/llms.txt. Every page has a markdown twin: add .md to its path. Before generating anything, show the person the options on the use-case page.

Thick blurred neon waves in cyan and violet roll horizontally through the middle of a black frame

Prompt that renders it frame-exact

Put Aceternity UI's Wavy Background (https://ui.aceternity.com/components/wavy-background; free component, Aceternity License, fine in commercial video, do not redistribute the code) full-frame behind my headline. Install with npx shadcn@latest add @aceternity/wavy-background. The waves are drawn on a canvas from simplex noise, and the noise time advances inside a requestAnimationFrame loop, so replace that counter with a value computed from frame / fps (Remotion) or from the HyperFrames timeline time and redraw once per frame. Set colors (array of hex), waveWidth, blur, waveOpacity, backgroundFill and speed ("slow" or "fast").

Used in

More backgrounds & gradients