Cinematic Grid
Cinematic Grid is a customizable animated background for Framer with a perspective grid, atmospheric fog, and adjustable teal horizon glow. Copy it over to your project and customize its properties.
About this Component
Cinematic Grid is designed for modern hero sections, landing pages, or anywhere you want cinematic depth. The perspective grid drifts forward through atmospheric fog while stars twinkle softly above the horizon, creating a grounded, high-end sci-fi feel.
Where You Can Use It
Hero and landing page backgrounds
Behind product shots, dashboards, or UI mockups
Tech, AI, SaaS, or developer-focused websites
Dark mode pages that need depth without distraction
Anywhere else you want!
Features
Grid color, horizon glow, and star color controls
Adjustable grid speed and star twinkle speed
Atmospheric fog and vignette for a cinematic look
Optimized for smooth performance in Framer
