Pulsing_Dots

Description: This component recreates a vibrant, animated loading indicator using React and Framer’s design system.

Description:This component recreates a vibrant, animated loading indicator using React and Framer’s design system. The Pulsing Dots Loader arranges dynamic shapes (circles, squares, triangles, or custom SVGs) in a circular pattern, where each dot pulses, glows, and shifts color in a smooth, continuous loop.

Designed for maximum customization, it includes property controls for:🎨 Colors & Animation — Set base hue, pulse duration, blur, and shadows.🔷 Shapes — Choose between circle, square, triangle, or import a custom SVG path.🖼️ Backgrounds — Apply solid color, gradient, or image backdrops.🔠 Labels — Optionally display text tags or names beside each dot with custom font and color.

This elegant animation is perfect for loading screens, motion accents, or modern interface feedback, offering a sleek, futuristic feel that adapts to any visual theme within Framer.