Cosmic Vortex Shader

WebGL swirling energy vortex background

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.

WebGL swirling energy vortex background