GithubCommit

Pixel grid text animation heatmap

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. Features 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 Property Controls Content — custom text input Theme — light, dark, auto mode toggle Layout — text alignment (left, center, right) Animation — animation speed, flash effect toggle Use Cases 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

Pixel grid text animation heatmap