Counter Preloader
A synchronized Counter Preloader for Framer with dynamic number progression and a smooth expanding overlay bar. Perfect for modern product sites, portfolios and agency websites.
Make it with Workshop
Build your own component with AI
About this Component
Counter Preloader is a minimal, modern loading experience built for Framer. As the counter progresses from 00 to 100, a sleek overlay bar expands across the screen in perfect sync, creating a smooth and cohesive transition into your website. You can fully customize the colors, logo and visual style, making it ideal for brands that want a polished, professional first impression without complexity.
Features
Synchronized progress effect — overlay bar expands in real time with the counter
Smooth number transitions — animated progression from 00 to 100
Fully customizable — change overlay bar color, background, counter color, and logo
Modern minimal aesthetic — clean design that works with any brand style
Lightweight & performance-friendly — optimized for fast load and smooth animation
Responsive by default — looks great on all screen sizes
Plug-and-use setup — drop it into any Framer project and customize in seconds
