About Shoji Preloader
Shoji Preloader ⛩️
Eliminate hydration flashes instantly and create an engaging, highly-customizable loading sequence to wow everyone who visits your site before it even finishes loading.
Best use cases:
Portfolio intro screens, immersive agency landing pages, heavy media-rich sites, e-commerce storefronts, and branded loading experiences.
How to Use:
Drag and drop the component directly onto your Framer canvas.
Choose your media type (Lottie, Image, Video, or Text) and tweak the property customizations manually until the exit animation is perfectly dialed in.
Preview and publish to see the zero-flash preloader in action on your live site.
Highlights:
Zero-flash vanilla JS veil
Lottie, Video, Image, and Text support
Smart session & local caching
Exclusive canvas-only visual debugger
8 distinct exit styles (Shoji, Wipe, Iris, Flip, etc.)
Staggered text character and word animations
Independent directional border lines and fills
Accessibility built in (ARIA labels & focus trapping)
Prefers-reduced-motion tracking
Optional skip button with Esc key shortcut
Built-in progress bar
Comprehensive timing and delay controls
Performance optimized
Crafted by: Joshua Roberts
