GlowCirclePro
Animated circular progress stat with percent or custom text, prefix or suffix support, editable colors, glow, font, stroke width and timing.
Make it with Workshop
Build your own component with AI
Animated circular progress stat with percent or custom text, prefix or suffix support, editable colors, glow, font, stroke width and timing.
Make it with Workshop
Build your own component with AI
Glow Circle Pro is a smooth animated radial stat component for Framer. It fills on view with a clean progress motion and optional glow, making numbers feel alive and premium. You can display a pure number, a prefixed value like over 150, or a suffixed value like 3s. The center text can also switch between an automatic percent readout and fully custom text.
Customize every visual detail directly in the properties panel. Change text color, stroke color, stroke width, glow color, glow size, and the waiting ring background. Pick any font for the center value. Control the exact progress percent and fine tune the animation duration for ultra subtle or more dynamic reveals.
Ideal for modern dashboards, landing pages, and trust sections where you want key metrics to stand out without heavy layout work.
Animated fill on view
Percent mode and custom center text mode
Prefix or suffix option for the center value
Fully editable text color
Fully editable stroke and waiting ring colors
Stroke width control
Glow size and glow color control• Custom font picker
Works great in responsive layouts
PageSpeed Insights style metrics such as Performance, Accessibility, Best Practices, SEO
Product and SaaS dashboards for KPIs
Agency stats like Clients, Projects delivered, Satisfaction score
Speed and reliability indicators like Average load time, Uptime
Fitness or habit trackers like Completion rate, Weekly goal progress
Event or funnel reporting like Seats filled, Conversion progress
