GithubCommit

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