3 Pixel Grid: Free Interactions Component by Till Janek

Marketplace Components Categories Interactions

A subtle yet dynamic 3px grid with 27 animation modes. Customize colors, cell size, and behavior in seconds to add depth and motion to any layout. Lightweight, flexible, and easy to drop into any project.

About this Component

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.