---
title: "Cinematic Grid — Framer component · Best of Framer"
description: "$3.00 · Framer component · by BasePixel · Backgrounds. Cinematic Grid is designed for modern hero sections, landing pages, or anywhere you want cinematic depth."
canonical: "https://framer.elliotli.dev/component/cinematic-grid"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Cinematic Grid

# Cinematic Grid

Cinematic background effect

[View on Framer](https://framer.com/marketplace/components/cinematic-grid/?via=elliot-li)

![Cinematic Grid preview image 1](https://framer.elliotli.dev/og/component/cinematic-grid/4be8c45a9d0de3b3/1600x1200.jpg)

## Summary

Cinematic Grid is designed for modern hero sections, landing pages, or anywhere you want cinematic depth.

## Description

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 startups, AI, SaaS, fintech, crypto, or developer-focused websites
    
-   Science fiction / sci-fi outer space themes
    
-   Dark mode pages that need depth without distraction
    
-   Anywhere else you want!
    

**Features**

-   Grid color, horizon glow, and star color controls
    
-   Responsive design - mobile-friendly
    
-   Adjustable grid speed and star twinkle speed
    
-   Atmospheric fog and vignette for a cinematic look
    
-   No code needed - get started without the hassle
    
-   Optimized for smooth performance in Framer
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #1522

## Details

- **Author**: BasePixel
- **Price**: $3.00
- **Published**: 2026-04-10
- **Updated**: 2026-06-13
- **Added**: 2026-04-01
- **Categories**: Backgrounds

## More like this

-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background
-   [Fractal Glass Wave](/component/fractal-glass-wave) — Hienn Ng · $3 — Dynamic Fractal Glass Background
-   [Particle Flow Pro](/component/particle-flow-pro) — Interface Studio · $10 — Bring Your Background to Life
-   [Silk Gradient](/component/silk-gradient) — Kaisa A · Free — Silk Gradient Background