Animated Logo Loader

DESCRIPTION This component provides a sleek, full-screen preloader for Framer projects, featuring a centered logo surrounded by animated ripple circles.

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.