Background Gradient Shader

ui

Full-bleed animated gradient background: a WebGL shader drifts three theme-derived colors through a domain-warped noise flow field into a simple 3-stop ramp, reading as a calm moving current of color rather than a shader demo.

pnpm dlx shadcn@latest add "https://design.helpmarq.com/r/background-gradient-shader.json"

Sign In

Background Gradient Shader

ui

Full-bleed animated gradient background: a WebGL shader drifts three theme-derived colors through a domain-warped noise flow field into a simple 3-stop ramp, reading as a calm moving current of color rather than a shader demo.

pnpm dlx shadcn@latest add "https://design.helpmarq.com/r/background-gradient-shader.json"

components/ui/background-gradient-shader.tsx