Preloaders

Counters, morphs and reveals that buy time beautifully.

2 effects

Library Difficulty Performance Mobile Sort

2 effects

Counter Preloader with Split Reveal

A full-screen preloader counts 0→100 in a huge serif numeral while a hairline fills; the number and label slide out of their masks, two panels split open and the hero headline rises as its image settles from 1.15 to 1.

gsap
splittext

light

Preloaders intermediate

Morphing SVG Preloader

A glowing SVG form morphs circle → square → blob → star → mark while a hairline outline traces each new shape and a percentage climbs; at 100% the form scales 40× to fill the viewport and fades into the page.

gsap
svg