About Logo Pre-loader

Logo Animation Pro

The ultimate cinematic intro sequence for high-end Framer websites.

Logo Animation Pro is a production-ready "gatekeeper" component designed to create a sophisticated first impression. It acts as a professional loader that masks your website content with a solid background and a choreographed logo reveal before seamlessly transitioning into your live site.

🛠 How to Use

1. Placement: Drag the component onto your homepage. Since it is coded with position: fixed, it will automatically cover the entire viewport regardless of its layer position.

2. Configuration: Upload your logo and select a Preset that fits your brand. Adjust the Background Color to mask your site content effectively. Recommended to use Transparent PNG or SVG.

3. Refinement: Fine-tune the timing. A Hold Time of 1.5s is generally the "sweet spot" for brand recognition before the site is revealed.

4. Position: Add the component in your layout template to show across all pages on your website. The component is not visible even if it's showing on the editor, the component layer won't show in the live website. Keeping the layout absolute in the layout template is recommended.