Stop displaying your most impressive achievements with boring, static text. Metric Progress Card is a premium, high-conversion Framer component engineered to showcase your KPIs, user growth, and goal tracking with fluid, interactive motion. Designed with an agency-grade visual aesthetic, it replaces flat numbers with a dynamic gradient progress bar and a floating indicator marker that commands attention on any landing page.
Engineered for workflow speed, every functional and visual detail is exposed cleanly in your right-hand Framer sidebar without needing to touch a line of code:
Native Framer Font Picker: Connect any Google Font or uploaded workspace asset instantly using Framer’s official typography dropdown.
Smart Sidebar Decluttering: Independent visibility toggles let you turn off top labels, stat values, or descriptions.
Custom Metric Ranges: Break free from standard 0% and 100% labels. Set custom start and end strings (like "$0" to "$100k" or "0 MB" to "5 GB") to track any goal or metric.
Pixel-Perfect Spacing & Theming: Take full control over inner card padding, custom gaps between text layers, border radii, border widths, and full light/dark mode color theming.
Support & Contact
This component is built to be lightweight, fast, and 100% stable on the canvas. If you encounter any installation questions, need assistance with canvas integration, or have feedback on the component settings, reach out anytime: Email: yasirusenarathna@gmail.com
Stop displaying your most impressive achievements with boring, static text. Metric Progress Card is a premium, high-conversion Framer component engineered to showcase your KPIs, user growth, and goal tracking with fluid, interactive motion. Designed with an agency-grade visual aesthetic, it replaces flat numbers with a dynamic gradient progress bar and a floating indicator marker that commands attention on any landing page.
Engineered for workflow speed, every functional and visual detail is exposed cleanly in your right-hand Framer sidebar without needing to touch a line of code:
Native Framer Font Picker: Connect any Google Font or uploaded workspace asset instantly using Framer’s official typography dropdown.
Smart Sidebar Decluttering: Independent visibility toggles let you turn off top labels, stat values, or descriptions.
Custom Metric Ranges: Break free from standard 0% and 100% labels. Set custom start and end strings (like "$0" to "$100k" or "0 MB" to "5 GB") to track any goal or metric.
Pixel-Perfect Spacing & Theming: Take full control over inner card padding, custom gaps between text layers, border radii, border widths, and full light/dark mode color theming.
Support & Contact
This component is built to be lightweight, fast, and 100% stable on the canvas. If you encounter any installation questions, need assistance with canvas integration, or have feedback on the component settings, reach out anytime: Email: yasirusenarathna@gmail.com
Yasiru S
