Pixel Preloader: animated pixel grid loading screens
A full-bleed field of pixels fills the screen as your page loads, chased by a glowing accent frontier and topped with a live percentage counter. Run it as a true page preloader that fades away at 100%, or loop it as a retro showpiece. Everything renders live in Framer, no code required.
What you get
8 fill modes, all reaching full coverage at 100%: Rise · Scan · Ring · Curtain · Blinds · Checker · Diagonal · Blocks
Live counter styled with any font via the font picker, its own text and box colors, and 9 positions
7 animated pixel icons inside the counter: Orbit · Wave · Dots · Clock · Hourglass · Pulse · Bounce, each in its own color
Progress modes: Auto with speed and loop controls, or Manual with a value slider to scrub or bind to real loading
True preloader wiring: Auto Hide fades the loader out on completion, an On Complete event fires, and a Replay ID restarts it from any button
Full color control: fill, accent, dim grid, background and counter colors, alpha supported
Pixel size and gap sliders, subtle shimmer, and a glow pass that switches itself off on light backgrounds
In-canvas control panel for live tweaking in preview
Performance minded: pauses off screen, respects reduced motion, crisp static frame in the editor
Drop it above your page as a fixed overlay, into a hero, or into any frame as a looping showpiece.
What's included:
Remix link to the Component
Free updates. The remix link always carries the latest version
Email support: support@premshandilya.com
License: Single-user license. Use Pixel Preloader in unlimited personal and commercial Framer projects, including client work. Reselling, redistributing, or repackaging the component or its source code as your own asset is not permitted.
Refunds: This is a non-refundable digital product, so try the live demo before purchasing. If anything doesn't work as shown, email me and I'll fix it fast.
Pixel Preloader: animated pixel grid loading screens
A full-bleed field of pixels fills the screen as your page loads, chased by a glowing accent frontier and topped with a live percentage counter. Run it as a true page preloader that fades away at 100%, or loop it as a retro showpiece. Everything renders live in Framer, no code required.
What you get
8 fill modes, all reaching full coverage at 100%: Rise · Scan · Ring · Curtain · Blinds · Checker · Diagonal · Blocks
Live counter styled with any font via the font picker, its own text and box colors, and 9 positions
7 animated pixel icons inside the counter: Orbit · Wave · Dots · Clock · Hourglass · Pulse · Bounce, each in its own color
Progress modes: Auto with speed and loop controls, or Manual with a value slider to scrub or bind to real loading
True preloader wiring: Auto Hide fades the loader out on completion, an On Complete event fires, and a Replay ID restarts it from any button
Full color control: fill, accent, dim grid, background and counter colors, alpha supported
Pixel size and gap sliders, subtle shimmer, and a glow pass that switches itself off on light backgrounds
In-canvas control panel for live tweaking in preview
Performance minded: pauses off screen, respects reduced motion, crisp static frame in the editor
Drop it above your page as a fixed overlay, into a hero, or into any frame as a looping showpiece.
What's included:
Remix link to the Component
Free updates. The remix link always carries the latest version
Email support: support@premshandilya.com
License: Single-user license. Use Pixel Preloader in unlimited personal and commercial Framer projects, including client work. Reselling, redistributing, or repackaging the component or its source code as your own asset is not permitted.
Refunds: This is a non-refundable digital product, so try the live demo before purchasing. If anything doesn't work as shown, email me and I'll fix it fast.
Prem Shandilya
