Independence Day Sale
All components
Preloaders
Dither Preloader
Twelve dither fields resolve as the page loads. Completion floods the frame in dither order, then dissolves to reveal the page.
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.
Released
Presets
12
Category
Preloaders
PRESETS
Presets included
12 INCLUDED
Every preset is a complete look you can ship as it comes. The raw controls sit underneath if you want to go further.
USE CASE 01
Dither Preloader dropped straight onto the canvas, running a preset you can ship as it comes.
USE CASE 02
Dither Preloader dropped straight onto the canvas, running a preset you can ship as it comes.
USE CASE 03
Dither Preloader dropped straight onto the canvas, running a preset you can ship as it comes.
SETUP
From download to shipped
01
Download
Copy the component into your Framer project. One file, no dependencies, no setup script.
02
Pick a preset
Every component opens on a named look you can actually ship. Adjust from there if you want to.
03
Ship it
Off-screen pausing and reduced-motion support are already wired. Nothing to remember, nothing to audit.
