---
title: "ProProfile — Free Framer component · Best of Framer"
description: "Free Framer component · by Bharat Modi · Cards. show your dev stats with stat cards"
canonical: "https://framer.elliotli.dev/component/proprofile"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/ProProfile

# ProProfile

show your dev stats with stat cards

[View on Framer](https://framer.com/marketplace/components/proprofile/?via=elliot-li)

![ProProfile preview image 1](https://framer.elliotli.dev/og/component/proprofile/ac264f4c12a8a0bd/1600x1200.jpg)

## Summary

show your dev stats with stat cards

## Description

### Key Features

🔴 **Live Data Fetching**: Automatically pulls real-time statistics from GitHub including stars, forks, watchers, open issues, language, license, topics, and more.

📐 **Multiple Layout Variants**: Choose from flawlessly designed layouts including Modern, Centered, Outlined (Dashed), or the spectacular **Glowing Beam** border effect.

🎨 **Premium Color Themes**: Instantly apply gorgeous, pre-configured themes (Deep Dark, Orange Flare, Soft Purple) that perfectly balance text, backgrounds, and drop shadows, or select "Custom" for granular control.

✨ **3D Tilt Physics**: Interactive perspective-based tilt animation that reacts to mouse movement, creating an engaging, heavy premium feel on hover.

🌟 **Dynamic Edge Glow**: A stunning radial glow effect that intelligently tracks and follows your cursor along the internal edges of the card.

📱 **Responsive Design**: Adapts beautifully to any container width, instantly shifting from a landscape 4-column desktop grid to a compact 2-column mobile layout.

🔧 **Visibility Controls**: Seamlessly toggle individual sections on/off: Avatar, Description, Topics, Dates, and License flags.

### Use Cases

-   **Developer Portfolios** – Showcase your best open-source projects with live stats
    
-   **Project Documentation** – Embed repo cards in landing pages or docs sites
    
-   **Open Source Showcases** – Feature community projects with real-time metrics
    

### Property Controls

-   **Target:** Select "User" or "Repository" and input the URL or path (e.g., facebook/react).
    
-   **Layout & Theme:** Switch between standard, centered, outlined, or beam layouts. Apply Dark, Orange, or Purple themes instantly.
    
-   **Appearance:** Full control over custom colors (when Theme is set to Custom), layout corner radius, and internal padding.
    
-   **Visibility:** Turn on/off Avatar, Description, Topics, Dates, and License without breaking the flow.
    
-   **Effects:** Enable or disable Hover Float, 3D Tilt, and Cursor-tracking Edge Glow.
    

### Quick Guide

1.  Add the component to your Framer canvas.
    
2.  Paste a GitHub URL in the _User/URL_ or _Repo/URL_ field.
    
3.  Choose your favorite Layout Variant and Color Theme.
    
4.  Toggle sections to show only the information you need.
    
5.  Adjust effects – test the 3D tilt and edge glow on your published site!
    
6.  Publish and watch your live stats update automatically!
    

_Tip: The component handles loading states, errors, and empty states automatically with beautiful UI feedback._

## Rank history [How rankings work →](/terms#rankings)

-   All · #7912

## Details

- **Author**: Bharat Modi
- **Published**: 2026-03-12
- **Updated**: 2026-04-13
- **Added**: 2026-02-28
- **Categories**: Cards

## More like this

-   [BlogX Blog Card](/component/blogx-blog-card) — Themomarket · $8 — Blog Framer Component
-   [FluxPrice](/component/fluxprice) — Jeshan Athulesh · $49 — Elevate your SaaS conversion rate in minutes with FluxPrice.
-   [Feature Ribbon Cards](/component/feature-ribbon-cards) — Studio Digital · Free — Interactive image feature cards
-   [Dynamic Pricing Calc](/component/dynamic-pricing-calc) — Dmitry Vorobey · $12 — Pricing cards with live calculator