A pixel grid text animation inspired by the iconic GitHub commit heatmap. Display any text in a glowing pixel matrix style with smooth animations and light, dark, or auto theme support. Built for portfolios, SaaS landing pages, and developer-focused sites that need a bold tech-inspired design element.
Pixel grid matrix text animation inspired by GitHub heatmap
Glowing flash effect for extra visual impact
Light, dark and auto theme mode — matches site theme automatically
Custom text input — display anything
Left, center and right text alignment
Configurable animation speed
Lightweight and responsive across all screen sizes
No external dependencies
Content — custom text input
Theme — light, dark, auto mode toggle
Layout — text alignment (left, center, right)
Animation — animation speed, flash effect toggle
Developer portfolios · SaaS landing pages · Tech company websites · Hero section headings · Coming soon pages · Personal branding · Interactive typography sections
SEO Keywords
framer pixel animation · framer text animation · framer github heatmap · framer pixel text · framer typography component · framer animated text · framer pixel grid · framer developer component · framer tech animation · framer glow effect · framer dark mode component · framer hero text · framer code component · framer matrix animation · framer creative typography
Hamim Reza
