About this Component
Turn letters and numbers into a bold, mechanical loading sequence built entirely from animated bars.
Choose your own character sequence and watch 24 individual blocks slide, stagger, and rearrange into each character before collapsing into a final expanding rectangle. Use the default 0–9 sequence or create your own combination of letters and numbers directly from Framer.
The component is fully responsive and includes a component-scoped scroll stopper for immersive fullscreen loader experiences without taking control of the host page.
Perfect For: • Preloaders and intro sequences • Portfolio and agency websites • Creative landing pages • Brand reveals • Experimental typography • Number and countdown animations
Key Features: • Custom character sequence • Supports A–Z and 0–9 • Add, remove, and reorder characters • Original staggered 24-bar animation • Responsive size and spacing controls • Adjustable step timing, movement speed, and stagger • Custom background and bar colors • Optional final expansion • Expansion color, delay, duration, and radius controls • Component-scoped scroll stopper • Static Canvas/export rendering • No external packages required
Simply drop it into Framer, choose your characters, customize the timing and styling, and publish.
Questions? Reach out at hasanwali6890@gmail.com
Refund Policy All sales are final upon purchase as this is a non-tangible digital product. A refund is offered only if the component suffers a critical technical failure that prevents its core function and cannot be resolved within a reasonable timeframe. Refunds are not issued for buyer's remorse, aesthetic preference, or modifications made after purchase. Report confirmed technical failures with evidence within 14 days of purchase.
