About Component
CosmicBackground is a canvas-powered animated background for Framer. Five particle rings rotate around a breathing spotlight while a star field drifts with your cursor. Film grain adds cinematic depth. Built for dark, high-end websites that demand atmosphere without compromise.
Rotating particle rings — 5 rings orbit in alternating directions at variable speeds
Star field — up to 600 randomised stars with subtle parallax drift across the canvas
Parallax mouse tracking — cursor movement shifts all layers independently with smooth depth
Breathing spotlight — radial glow and cone light pulse together in a slow natural rhythm
Film grain — cinematic noise texture rendered via SVG filter for authentic atmospheric depth
Three dark themes — Deep Space, Void and Obsidian, each with a visually distinct tone
Custom color — set any background color to match your exact brand palette
Use Cases
Dark hero sections for SaaS, AI and tech product landing pages
Creative agency, design studio and production company websites
Music, audio production and entertainment platform pages
Luxury brand, fashion editorial and high-end retail landing pages
Portfolio hero backgrounds for designers, photographers and directors
Gaming, esports and interactive entertainment websites
Blockchain, Web3 and crypto product launch pages
Architecture and interior design studio websites
Personal branding, resume and digital portfolio pages
Startup launch pages, coming soon screens and teaser sites
Keywords
cosmic background, animated background, particle animation, star field, parallax background framer, dark background framer, space background framer, canvas animation framer, breathing light framer, film grain framer, mouse parallax background, rotating particle rings framer, dark theme, cinematic background, hero background animation framer, interactive dark background, space hero framer, dark landing page framer, cosmic particle animation, animated hero section
About Component
CosmicBackground is a canvas-powered animated background for Framer. Five particle rings rotate around a breathing spotlight while a star field drifts with your cursor. Film grain adds cinematic depth. Built for dark, high-end websites that demand atmosphere without compromise.
Rotating particle rings — 5 rings orbit in alternating directions at variable speeds
Star field — up to 600 randomised stars with subtle parallax drift across the canvas
Parallax mouse tracking — cursor movement shifts all layers independently with smooth depth
Breathing spotlight — radial glow and cone light pulse together in a slow natural rhythm
Film grain — cinematic noise texture rendered via SVG filter for authentic atmospheric depth
Three dark themes — Deep Space, Void and Obsidian, each with a visually distinct tone
Custom color — set any background color to match your exact brand palette
Use Cases
Dark hero sections for SaaS, AI and tech product landing pages
Creative agency, design studio and production company websites
Music, audio production and entertainment platform pages
Luxury brand, fashion editorial and high-end retail landing pages
Portfolio hero backgrounds for designers, photographers and directors
Gaming, esports and interactive entertainment websites
Blockchain, Web3 and crypto product launch pages
Architecture and interior design studio websites
Personal branding, resume and digital portfolio pages
Startup launch pages, coming soon screens and teaser sites
Keywords
cosmic background, animated background, particle animation, star field, parallax background framer, dark background framer, space background framer, canvas animation framer, breathing light framer, film grain framer, mouse parallax background, rotating particle rings framer, dark theme, cinematic background, hero background animation framer, interactive dark background, space hero framer, dark landing page framer, cosmic particle animation, animated hero section
Ahmet Loca
