Cosmic Background

MORE FRAMER COMPONENTS LIKE THIS

✦ Browse +38 FREE + 85 premium components: https://frameze.com/components

✦ Background Bundle: https://frameze.com/components/category/background?ref=bundles

About Cosmic Background

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

_______________________________________________________________

Donation: https://ahmetloca.dub.link/donation

if it saves you time, a small tip is always appreciated.

_______________________________________________________________

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

Keywords

cosmic background, animated background, particle animation, star field, parallax background framer, dark background, space background framer, canvas animation, breathing light