GitHub Repo Stats

Show Preview
GitHub Repo Stats
GitHub Repo Stats

About GitHub Repo Stats

GitHub Pulse turns any GitHub repository into an editorial-grade, interactive preview card. Showcase real-time stars, forks, language breakdowns, and an interactive 52-week commit activity heatmap directly on your developer portfolio, documentation, or landing page.

Key Features

  1. Live GitHub Stats: Real-time metrics for stars, forks, watchers, and open issues with smooth count-up numbers.

  2. 52-Week Commit Heatmap: Visual contribution matrix with hover tooltips and 4-week activity trend tracking.

  3. Freshness Pulse: Animated status indicator showing how recently code was pushed (today, this week, or this month).

  4. Language Breakdown Bar: Visual distribution bar displaying language percentages using official GitHub colors or monochromatic accent tints.

  5. Card & Strip Layouts: Switch between a full-featured card and a compact, single-row horizontal strip.

  6. One-Click Clone: Built-in copy button that instantly copies the git clone command to the clipboard.

  7. Smart Rate-Limit Protection: In-memory and session caching prevent API throttling, with instant sample data on the canvas.

Property Controls

  1. Repository: Paste any public/private GitHub URL or owner/repo slug.

  2. Appearance: Select from curated presets (Paper, Ink, GitHub) or pick custom backgrounds, text, accents, and borders.

  3. Layout: Switch between Card and Strip variants; configure padding, gaps, and heatmap rows (1, 2, or 4 rows).

  4. Content Toggles: Independently show or hide descriptions, stats, commit heatmaps, language bars, and meta tags.

  5. Motion: Customize scroll/load reveal triggers, spring physics, and count-up animations.

  6. Advanced: Adjust cache duration or add a read-only token for private repos and higher API rate limits.

Quick Start Guide

  1. Drag and drop GitHub Pulse onto your Framer canvas.

  2. Enter your repository URL (e.g., facebook/react).

  3. Select your layout (Card or Strip) and theme preset.

  4. Toggle on/off the specific stats you want to feature.

  5. Publish—live GitHub data syncs automatically!

From Evixel Studio

Quote Flow
Mosaic Reveal 3D
Bezier Text 3D
Wavy Text Marquee

Related Components

Project Split Card
Service Tiles
Card Stack Reveal
Video Card