Skip to content

3 Pixel Grid

Animated micro-grid with 27 modes

3 Pixel Grid preview image 1

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 for the idea and @MetaHeavies for the web implementation.

Rank history How rankings work →

12001400141808/149/49/2610/1811/9
  • All · #4180

Details

More like this