GithubCommit
A pixel grid inspired text animation component with light, dark & auto modes inspired by the iconic GitHub commit heatmap. Fully customizable with alignment, theme & animation.
Make it with Workshop
Build your own component with AI
About this Component
GithubCommit is a unique pixel grid text animation component inspired by the iconic GitHub commit heatmap. Perfect for adding a bold, tech inspired touch to your website, it lets you display any text in a glowing pixel matrix style with smooth animations.
This component adapts seamlessly to light, dark, or auto mode (matching your site’s theme automatically) and includes powerful customization options. You can easily configure:
Custom Text – Write anything you want to display.
Text Alignment – Left, center, or right aligned.
Theme Control – Switch between light, dark, or auto.
Animation Speed – Control how fast the pixels animate.
Flash Animation – Add a glowing flash effect for extra impact.
Whether you’re building a portfolio, SaaS landing page, or developer-focused site, GithubCommit brings a modern, animated, and memorable design element to your project.
⚡ Highlight: Lightweight, responsive, and optimized for Framer. Works beautifully across devices and screen sizes.
