Cosmic Vortex Shader

Cosmic Vortex

Static gradients feel cheap. Stock video feels rented. A shader feels alive. Cosmic Vortex is a beautiful background shader that responds to motion, scales to any container, and feels super premium without the breaking your website's performance.

Best for:

• Hero sections, landing pages, and product launches

• Splash and waitlist screens that need cinematic weight

• Premium SaaS, AI, fintech, and crypto brands

• Music, gaming, and creative-tool sites

Controls:

• Accent — primary spiral colour

• Secondary — outer colour the gradient blends to

• Speed — animation pace (0–2)

• Swirl — spiral tightness (0–6)

• Angle — rotational orientation (0–360°)

• Intensity — brightness/glow (0.1–3)

• Hover effect — cursor-driven gravity distortion

• Quality — render DPR (0.5–2)

Built for production:

WebGL2, 99% browser coverage. Auto-pauses offscreen and in Framer's canvas. Respects `prefers-reduced-motion`. Resizes any aspect ratio.