Vega Loader.

Vega Loader.

Seamless Framer page loading.

Seamless Framer page loading.

Because the page loads too quickly, you may not have had a clear view. Do you want to view the preview version?

Because the page loads too quickly, you may not have had a clear view. Do you want to view the preview version?

View Demo

Real Loading Detection.

Real Loading Detection.

Real Loading Detection.

Automatically detects and displays loading state, disappearing when content is ready. Includes a debug mode for preview.

Automatically detects and displays loading state, disappearing when content is ready. Includes a debug mode for preview.

Flexible Customization.

Flexible Customization.

Flexible Customization.

Drag any Framer content, adjust mask and blur, and fine-tune loader appearance for any design.

Drag any Framer content, adjust mask and blur, and fine-tune loader appearance for any design.

Elegant Default Animation.

Elegant Default Animation.

Elegant Default Animation.

Modern spinner with customizable color, size, and speed. Animates smoothly for a refined user experience.

Modern spinner with customizable color, size, and speed. Animates smoothly for a refined user experience.

Usage Scenarios

The Vega loader is ideal for loading effects in Framer projects, providing users with more interactive feedback during page loading. It is recommended to include it in your project templates, enabling you to set up the loader with one click.

Quick Start

Copy-Paste​​ – Copy the component into your Framer project

​​Customize Freely​​ – Adjust effects via the properties panel

​​Publish Project​​ – Experience real loading effects with one-click publishing

Create a free website with Framer, the website builder loved by startups, designers and agencies.