Skip to content

component

3 Pixel Grid

By Till Janek

Details

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.

Introduction

Animated micro-grid with 27 modes

Rank history

Daily rank per list, from the first snapshot — lower is better.

11001200127388/148/228/309/79/15
  • All · #2506