---
title: "Grid Scan FX — Free Framer component · Best of Framer"
description: "Free Framer component · by Francisc Toth · Sections. Stunning 3D perspective grid background with animated scan line effect."
canonical: "https://framer.elliotli.dev/component/grid-scan-fx"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Grid Scan FX

# Grid Scan FX

Animated 3D grid tunnel background

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

![Grid Scan FX preview image 1](https://framer.elliotli.dev/og/component/grid-scan-fx/7fe83d5441dcaff7/1600x1200.jpg)

## Summary

Stunning 3D perspective grid background with animated scan line effect.

## Description

Stunning 3D perspective grid background with animated scan line effect. Powered by WebGL raymarching for smooth 60fps performance.

### 6 Grid Types:

-   Square - Classic rectangular grid
    
-   Hexagon - Honeycomb pattern
    
-   Triangle - Isometric grid
    
-   Diamond - 45° diagonal grid
    
-   Radial - Circular rings with spokes
    
-   Cross - Plus signs at intersections
    

### 3 Line Styles:

-   Solid
    
-   Dashed
    
-   Dotted
    

### Features:

-   3D perspective with depth
    
-   Animated scan line sweep
    
-   Mouse tracking (tilts & skews grid)
    
-   Click to trigger extra scans
    
-   3 scan directions (Forward, Backward, Ping Pong)
    
-   Adjustable scan glow & softness
    
-   Bloom & chromatic aberration
    
-   Optional gyroscope support (mobile)
    
-   Smooth snap-back animation
    
-   GPU-accelerated
    

### Perfect for:

-   Hero sections
    
-   Sci-fi & tech websites
    
-   Landing pages
    
-   Gaming sites
    
-   Agency portfolios
    
-   Cyberpunk aesthetics
    

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

-   All · #7951

## Details

- **Author**: Francisc Toth
- **Published**: 2025-12-03
- **Updated**: 2026-09-14
- **Added**: 2025-11-27
- **Categories**: Sections

## More like this

-   [Sale Bar](/component/sale-bar) — Brandon Grimes · $12 — Auto-start Black Friday promo bar
-   [Show and Tell](/component/show-and-tell) — Majed Monem · $9 — Feature tabs that play themselves
-   [Infinite Picker Whee](/component/infinite-picker-whee) — Karim Saif · Free — Rotating 3D text selector
-   [Resource Preview Dec](/component/resource-preview-dec) — felix strobel · Free — Editorial guides with folding cove