About ProProfile
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.
