Cosmic Background

Free

A background component built for Framer. Live preview below — interact with it directly before you buy.

Buy this component — Free Preview Get All-Access instead

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

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.

Features

→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

Best value

Get every component with All-Access — $129

Cosmic Background and all 122 others, current and future.

Get All-Access

More Background

Soft Background

Compare Slider Pro X

Aura Cursor