Dither Loader: a 1-bit dither Preloader where the artwork is the progress bar.
Twelve dither fields resolve on screen as your page loads, drawn live in two colours you choose. When loading completes the frame floods in dither order, then dissolves away to reveal the page underneath. Visitors watch a real load, not a looping spinner.
What you get
12 progress driven fields: Iris · Rise · Rings · Sweep · Dissolve · Orb · Blinds · Checker · Spiral · Bars · Diamond · Static
3 ordered dither matrices: 2×2 · 4×4 · 8×8, with pixel size from 2px to 16px
3 progress modes: Loop to demo it, Once for a real preloader, Manual to drive the value yourself
Completion flood that fires an event when it lands, plus optional auto hide so the loader removes itself
Replay from anywhere. Give any button an element ID and it restarts the load
Numeric counter with 9 placements, custom label and full font control Your own ink and paper colours, invert, speed and duration
Built in control deck for visitors: switch field, matrix, pixel size, speed and colours, scrub progress and replay, with every menu toggleable per instance
Pauses off screen, respects reduced motion, crisp static frame in the editor
Drop it in as a full screen preloader above your page, or inline in a section as a live playground.
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 Dither Loader 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.
Dither Loader: a 1-bit dither Preloader where the artwork is the progress bar.
Twelve dither fields resolve on screen as your page loads, drawn live in two colours you choose. When loading completes the frame floods in dither order, then dissolves away to reveal the page underneath. Visitors watch a real load, not a looping spinner.
What you get
12 progress driven fields: Iris · Rise · Rings · Sweep · Dissolve · Orb · Blinds · Checker · Spiral · Bars · Diamond · Static
3 ordered dither matrices: 2×2 · 4×4 · 8×8, with pixel size from 2px to 16px
3 progress modes: Loop to demo it, Once for a real preloader, Manual to drive the value yourself
Completion flood that fires an event when it lands, plus optional auto hide so the loader removes itself
Replay from anywhere. Give any button an element ID and it restarts the load
Numeric counter with 9 placements, custom label and full font control Your own ink and paper colours, invert, speed and duration
Built in control deck for visitors: switch field, matrix, pixel size, speed and colours, scrub progress and replay, with every menu toggleable per instance
Pauses off screen, respects reduced motion, crisp static frame in the editor
Drop it in as a full screen preloader above your page, or inline in a section as a live playground.
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 Dither Loader 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
