Professional page preloader with 14 entrance/exit animations, flexible visibility modes, custom content support, and viewport scaling. Perfect for polished website loading experien
Make it with Workshop
Build your own component with AI
Page Pre-Loader is a premium page preloader component designed to create professional loading experiences for your Framer websites.Connect any Frame, component or element to it and let the magic happen.
🎬 Advanced Animation System
Choose from 14 entrance animations (Dissolve, Vertical Reveal, Expand, Slide directions, Spin In, Curtain effects, Unfold, Zoom Blur, Spiral, Bounce, Elastic)
14 matching exit animations with independent speed controls
Separate duration settings for open and exit animations (0.1-3 seconds)
Smooth, GPU-accelerated transitions with professional easing curves
📐 Flexible Content Scaling
Original Size - Maintains your custom frame dimensions
Fill Viewport - Stretches to full screen (100vw x 100vh)
Full Width/Height - Fills parent container completely (100% x 100%)
👁️ Smart Visibility Modes
Once Per Session - Shows once, then remembers via localStorage (persists across page navigation)
First Visit Only - Displays only when users arrive from external sources (checks referrer + sessionStorage)
Every Visit - Appears on every page load for consistent branding
⚙️ Timing Controls
Display Duration - How long the preloader stays visible (0.5-15 seconds)
Minimum Display Time - Ensures preloader shows for at least X seconds before exiting
Independent animation speeds for polished control
🎨 Customization Options
Link any custom Framer frame or animation as preloader content
Optional backdrop blur effect (0-30px intensity)
White background optimized for light designs
🔧 Usage Simply drag the component onto your page, connect your custom animation frame, select your preferred entrance/exit animations, choose a visibility mode, and publish. The component handles all the timing logic, storage management, and animation orchestration automatically.
Perfect for portfolios, landing pages, e-commerce sites, and any web project requiring a professional first impression.Refund policy :For any question about the setup of the component, updates or improvements, please send us a mail at framermaster1@gmail.com. If you encounter an issue with your purchase, please contact us within 7 days and we’ll do our best to resolve it. Because this is a digital product, all sales are considered final. Once you complete your purchase, you'll get instant access to the Framer component. Since digital items can't be returned, we're not able to offer refunds, exchanges, or cancellations. Refunds are only issued in cases of duplicate charges.Please make sure to review the features and preview materials before buying. If you're unsure or have any questions, feel free to reach out — we're happy to help before you commit.
By completing your purchase, you're confirming you understand and accept these terms.
