Shoji Preloader - Framer Component (Use Cases)

Grab it for your Framer site:
https://pay.joshuaroberts.design/checkout/buy/d2eddaff-2c32-446e-8398-5f7041708bd7
Created by: joshuaroberts.design

A drag and drop component that instantly provides a zero-flash preloader to your Framer site. Built with advanced session caching, comprehensive media support, deep accessibility compliance, and an exclusive canvas debugger for flawless setup.

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:
1. Drag and drop the component directly onto your Framer canvas.

2. Choose your media type (Lottie, Image, Video, or Text) and tweak the property customizations manually until the exit animation is perfectly dialed in.

3. 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

Видео Shoji Preloader - Framer Component (Use Cases) канала Joshua Roberts