ProProfile

show your dev stats with stat cards

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 Add the component to your Framer canvas. Paste a GitHub URL in the User/URL or Repo/URL field. Choose your favorite Layout Variant and Color Theme. Toggle sections to show only the information you need. Adjust effects – test the 3D tilt and edge glow on your published site! Publish and watch your live stats update automatically! Tip: The component handles loading states, errors, and empty states automatically with beautiful UI feedback.

show your dev stats with stat cards