VegaLoader

Vega Loader is an elegant page loading indicator component designed for modern websites and applications. It displays a customizable loading animation while your page content is loading, then smoothly disappears when loading is complete. With intuitive property controls, you can easily adjust the mask effect, background blur, and loading animation style to create a seamless loading experience for your users.

Key Features

1. ​​Real Loading Detection​​:

   • Automatically detects page loading state

   • Disappears smoothly when loading completes

   • Built-in debug mode for previewing effects

2. ​​Flexible Customization​​:

   • Drag any Framer content as your loading animation

   • Adjustable mask color and transparency

   • Background blur effect controls

3. ​​Elegant Default Animation​​:

   • Customizable spinner color, size and speed

   • Smooth enter/exit transitions

   • Responsive design for all screen sizes

4. ​​Developer Friendly​​:

   • Clean property control panel

   • Clear canvas placeholder instructions

   • Lightweight implementation

Usage Scenarios

Global loading for Framer project

Property Controls

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

Vega Loader provides an elegant loading experience that reduces user wait anxiety and enhances overall satisfaction. It seamlessly integrates with any design system, from simple websites to complex applications.