Circular Pulse Loader

Installation

import { CircularPulseLoader } from "@/components/sillybitsui/circular-pulse-loader";

<CircularPulseLoader
  radii={["90px", "60px", "30px"]}
  colors={["#ffffff", "#ffffff", "#ffffff"]}
  duration={3}
/>

Prop	Type	Default	Description
`radii`	`(string or number)[]`	`['90px', '60px', '30px']`	Array of circle sizes (largest to smallest)
`colors`	`string[]`	`['#ffffff', '#ffffff', '#ffffff']`	Colors of each circle
`duration`	`number`	`3`	Total animation cycle duration in seconds
`className`	`string`	`""`	Additional class names for customization