Shadcn.io is not affiliated with official shadcn/ui
React Gradient Animation Background
Psychedelic animated gradient mesh with orbiting color blobs and a mouse-following gradient that creates vibrant, living backgrounds
This is the more intense version of the gradient background. Multiple gradient blobs orbit, rotate, and pulse at different speeds, all blending together with hard-light mix-blend-mode that creates these vibrant, almost psychedelic color combinations. The best part? One of the gradients follows your cursor with smooth trailing motion, so you can basically paint with light across the screen. It's bold—definitely not for every project—but it works beautifully for creative agencies, music sites, portfolios, or anywhere you want that "wow" factor.
React Gradient Animation Background preview
Installation
Related Components
Aurora Background
Aurora borealis waves
Background Gradient
Flowing gradient blobs
Background Circles
Rotating gradient circles
Vortex
Particle flow vortex
Bubble
Lava lamp style bubbles
Light Waves
Flowing light animation
FAQ
Was this page helpful?
Sign in to leave feedback.