Application Loaders Dots ping Dark

Live Preview
<div class="flex gap-2">
      <span class="size-3 animate-ping rounded-full bg-indigo-600 dark:bg-indigo-300"></span>
      <span
        class="size-3 animate-ping rounded-full bg-indigo-600 [animation-delay:0.2s] dark:bg-indigo-300"
      ></span>
      <span
        class="size-3 animate-ping rounded-full bg-indigo-600 [animation-delay:0.4s] dark:bg-indigo-300"
      ></span>
    </div>

Related components

More items from the merged UI library.

View all