---
title: "Grid Background — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Kevin Levron · Backgrounds. Grid Background is an interactive 3D grid effect made with ThreeJS / WebGL."
canonical: "https://framer.elliotli.dev/component/grid-background"
---

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

# Grid Background

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

![Grid Background preview image 1](https://framer.elliotli.dev/og/component/grid-background/04ffb636454921c4/1600x1200.jpg)

## Summary

Grid Background is an interactive 3D grid effect made with ThreeJS / WebGL.

## Description

Grid Background is an interactive 3D grid effect made with ThreeJS / WebGL.

This component can be easily integrated into your projects. It is lightweight and optimized for performance, ensuring smooth animation without compromising the user experience.

It is customizable to fit your design needs :

-   Shape : triangle, square, hexagon, circle
    
-   Number of columns
    
-   Padding
    
-   Colors
    
-   Lights : color, intensity, position
    

Includes :

-   Framer Component
    
-   Example Project Remix
    
-   Email support
    

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

-   All · #8599

## Details

- **Author**: Kevin Levron
- **Price**: $10.00
- **Published**: 2025-11-21
- **Updated**: 2025-11-21
- **Added**: 2025-11-06
- **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