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.
RAMDIN SINGH
