7,363 open-source and SaaS tools, with GitHub stats refreshed every day.

3 Pixel Grid

SaaS

3 Pixel Grid offers tiny animated indicators on a 3x3 pixel grid, with configs you can copy into your own projects.

3pxgrid.com
3 Pixel Grid homepage screenshot

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.
What are some alternatives to 3 Pixel Grid?
Other SaaS products in the Developer Tools category include Amicro, beUI Pro and 1DevTool.

Open-source alternatives to 3 Pixel Grid

See all

SaaS alternatives to 3 Pixel Grid

See all