Animated Color-Pulsing Dots, Customizable Loader for Framer
Made with Workshop
Build your own component with AI
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.