Stop picking loaders. Start composing them

Blocs ships nine preloaders and every one of them is a spinner on a flat colour. Load+ replaces the idea entirely. Compose your own loading screen from four independent layers, drive it with the page’s real loading progress, and carry the same animation across every internal link as a full site page transition.

Your logo or wordmark can fill from the bottom up as the page loads, so the mark and the progress meter become one object rather than two things sharing a screen. That is a loading screen no other site can have.

Four layers, over 800 compositions 🤯

• Stage: solid, gradient or image, with grain texture
• Mark: logo or wordmark, placed on a nine point grid
• Meter: counter or edge bar, or let the mark itself fill
• Exit: ten styles, each with a matching reverse for page transitions

x10 Exit Styles

• Fade
• Slide Up
• Slide Down
• Slide Left
• Slide Right
• Split Vertical
• Split Horizontal
• Blinds
• Iris
• Diagonal Wipe

Page Transitions Included

Every exit plays in reverse to cover the screen when an internal link is clicked, then the next page reveals as the cover lifts. Handles the browser back button and the back-forward cache correctly. Leaves external links, downloads, mail links, anchor links and new-tab links alone automatically.

Real Progress, Not a Stopwatch

• Hybrid: paced climb released by the page genuinely finishing
• Real Assets: follows actual loading with no smoothing
• Timed: a fixed duration for a deliberate brand moment

Mark Fill

• Hard Edge: a clean flat line rising
• Soft Edge: feathered, so the mark reads as lit rather than cut
• Wave: a travelling swell, damped flat at both ends

Wordmark Animation

• Letter Reveal: letters land one at a time as progress advances
• Scramble: random glyphs resolve left to right into the real wordmark

Full Control

• 50 sidebar settings across Stage, Mark, Meter, Progress, Exit and Behaviour
• Global Swatches supported on every colour well
• Font family, weight and letter spacing for wordmarks
• Counter counts up or down, optionally zero-padded, with size and offset
• Images pulled straight from your Blocs assets
• Show on first visit only, so returning visitors are not made to sit through it
• Skip during Blocs preview, so you are not watching it while you build

Built Properly

• Vanilla JavaScript, no jQuery, no library, nothing loaded from a third party
• Reduced motion respected automatically
• Correct screen reader behaviour
• Works alongside GSAP, ScrollSmoother and parallax scripts
• Cannot trap a visitor: the overlay clears itself through CSS alone even if the script never run

Documentation

You can read the full documentation prior purchase 👉: here