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!