Animated Logo Loader

DESCRIPTION

This component provides a sleek, full-screen preloader for Framer projects, featuring a centered logo surrounded by animated ripple circles. The loader is highly customizable, allowing creators to fine-tune the logo, colors, animation easing, ripple count, blur intensity, and overall size.

The logo can be rendered using either an uploaded image or custom SVG markup, making the component flexible for any brand identity. Each ripple expands and contracts in a smooth loop, while the logo gently fades to create a polished, modern loading experience.

Key features include:

• Full-screen fixed-position loader overlay

• Animated ripple rings with adjustable count, size, delay, and easing

• Central logo with fade animation, supporting both SVG and image uploads

• Gradient-based ripple styling with blur and soft highlights

• Fully configurable via Framer property controls

• Responsive sizing with clean, minimal visual design

• Layered z-index structure for precise animation depth

Ideal for web apps, splash screens, portfolio projects, and any Framer site requiring a refined, branded loading screen.