Background Lines
Shooting stars spawn randomly from any edge of the viewport, traveling at configurable speeds with gradient trails. The SVG-based animation uses requestAnimationFrame for smooth 60fps performance. Each star scales up as it travels, creating a perspective effect. You can customize star and trail colors, speed ranges, and spawn delays through props.
Three concentric circles pulse gently in the background using staggered Framer Motion animations. Each circle scales between 1 and 1.05 with a 2-second delay between pulses. The circles use gradient backgrounds that adapt to light and dark modes.
Good fit for SaaS landing pages, developer tools, AI product sites, and tech startup homepages where you want subtle motion without distraction.
Explore more
Part of Backgrounds ยท All blocks
Build websites faster and 10x better than your competitors with
Aceternity UI Pro
Next.js 15, Tailwind CSS v4 and Motion for react powered templates
100+ templates and blocks combined
Ready to copy paste component blocks, save days of development time



