component
3 Pixel Grid
By Till Janek
Details
- Till JanekAuthor
- componentType
- 2026-04-29Published
- 2026-09-10Updated
- 2026-04-18Added
- LoadersCategories
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.
- All · #2506