---
title: "3 Pixel Grid — Free Framer component · Best of Framer"
description: "Free Framer component · by Till Janek · Loaders. Animated micro-grid with 27 modes"
canonical: "https://framer.elliotli.dev/component/3-pixel-grid"
---

[Home](/)/[Components](/components)/[Loaders](/components/category/loaders)/3 Pixel Grid

# 3 Pixel Grid

Animated micro-grid with 27 modes

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

![3 Pixel Grid preview image 1](https://framer.elliotli.dev/og/component/3-pixel-grid/3a741c063de8a83b/1600x1200.jpg)

## Summary

Animated micro-grid with 27 modes

## Description

A refined micro-grid component that brings quiet motion and visual texture to your layouts. Designed for subtlety, but flexible enough to stand out when needed.

-   27 animation modes to explore different motion styles
    
-   Fully customizable colors with presets or your own palette
    
-   Adjustable cell size to fit any layout or scale
    
-   Lightweight and performance-friendly
    
-   Ideal for backgrounds, hero sections, and interactive surfaces
    
-   Easy setup with intuitive variables
    

Works especially well in modern SaaS layouts, portfolios, and landing pages where small details make the difference.Credits to [@k\_grajeda](https://x.com/k_grajeda/status/2017358045957759121) for the idea and [@MetaHeavies](https://github.com/MetaHeavies/3-pixel-grid#) for the web implementation.

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

-   All · #4180

## Details

- **Author**: Till Janek
- **Published**: 2026-04-29
- **Updated**: 2026-09-10
- **Added**: 2026-04-18
- **Categories**: Loaders

## More like this

-   [Preloader Pro V4](/component/preloader-pro-v4) — Interface Studio · $12 — Your Website, Beautifully Unveiled
-   [Circleloader](/component/circleloader) — gustavwf · $5 — Circular logo reveal loader.
-   [AI Text Loading](/component/ai-text-loading) — Syauqizaidan Khairan Khalaf · $5 — Thinking phrases with a shimmer
-   [Preloader Pro V3](/component/preloader-pro-v3) — Interface Studio · $10 — Set the Stage Before the Story