A preloader that pushes your site open.
A character shoves a panel across the screen and reveals your title or logo. Playful, buttery smooth and fully customizable with zero code.
BRAND
Everything a buyer wants to change
Every detail is a property in Framer’s panel. Pick a theme, drop in your brand, ship.
6 one-click themes
Classic, Midnight, Sunset, Ocean, Mint and Mono. Or go Custom with any color, gradient or image on the title, panel and backdrop.
Any character
Three built-in heroes, your own PNG or SVG, or any emoji, letter or symbol. Flip, resize and nudge it.
Text or your logo
Two-line title with any font, or upload your logo. Add a subtitle, a progress counter or a progress bar.
Your timing, your feel
Set how fast each push is and how long the pause lasts, with optional variation so it feels human. GPU-smooth, even while your page loads.
Waits for the real load
The last push holds until your page is ready, with a max-wait cap. Show once per session, click to skip, lock scroll.
4 exit animations
Slide up, slide away, wipe or fade, with an onComplete event to trigger your hero animations.
A property panel that stays tidy
Settings are grouped into collapsible sections, and controls that don’t apply stay hidden, so setup takes minutes, not hours.
Try it in FramerLive in three steps
No code, no setup headaches.
Add the component
Drop Push Preloader at the top of your page.
Pick a theme
Choose a look, then add your title or logo.
Publish
It waits for your page to load, then slides away.
Make the first second unforgettable
Give every visitor a playful first impression that matches your brand.
Get Push Preloader