About 3 Pixel Grid
3 Pixel Grid is a collection of small animated indicators drawn on a three-by-three grid of pixels. Each animation is driven by simple arrays of delay values, which keeps the configuration short enough to copy straight into a project.
Visitors browse the available patterns, such as Bloom, switch between small and large sizes, and click a pattern to copy its configuration. The site links to a GitHub repository and describes itself as a special project by Faculty, with pages covering how it works and the animation designer.
Key features
- Animated 3x3 pixel grid indicators
- Patterns driven by delay arrays
- Click to copy pattern configs
- Small and large size options
- Browsable pattern gallery
Good fit for
- →Small animated indicators in apps
- →Micro-interactions in design projects
- Tags
- animation
- micro-interactions
- ui
- indicators
- design-assets
- frontend
3 Pixel Grid: questions and answers
- What is 3 Pixel Grid used for?
- 3 Pixel Grid offers tiny animated indicators on a 3x3 pixel grid, with configs you can copy into your own projects. It is a good fit for small animated indicators in apps and micro-interactions in design projects.
- Is 3 Pixel Grid open source?
- No. 3 Pixel Grid is proprietary (closed-source) software. In the Developer Tools category, open-source options include Agentation, TypeUI and Visual Studio Code.
Open-source alternatives to 3 Pixel Grid
See all
Agentation
Developer Tools
The visual feedback tool for agents.
OSS★ 4.8k
TypeUI
Developer Tools
Build better UI with AI
OSS★ 2k
Visual Studio Code
Developer Tools
Visual Studio Code
MITvs Sublime Text★ 193k
Godot
Developer Tools
Godot Engine – Multi-platform 2D and 3D game engine
MITvs Unity★ 118k
Windows Terminal
Developer Tools
The new Windows Terminal and the original Windows console host, all in the same place!
MITvs Warp★ 105k
Neovim
Developer Tools
Vim-fork focused on extensibility and usability
OSSvs Sublime Text★ 103k
SaaS alternatives to 3 Pixel Grid
See all
Amicro
Developer Tools
Open-source React library of micro-interactions and page transitions
SaaS
beUI Pro
Developer Tools
Library of animated React blocks, templates and components for building SaaS websites faster
SaaS
1DevTool
Developer Tools
Desktop workspace for running several AI coding agents side by side across multiple projects
SaaS
act101
Developer Tools
Codebase quality and refactoring toolkit for coding agents, with code porting and verification
SaaS
ActivityProof
Developer Tools
Live GitHub-based shipping-status badge you embed as an SVG on indie product sites
SaaS
Adapty
Developer Tools
In-app purchase and subscription SDK with paywall A/B testing for mobile apps
SaaS
