Animated Micro-Loaders

12 hypnotic loading animations built with pure div transforms — no SVG path tricks, every animation is bulletproof. Orbit chasers, expanding pulse rings, bouncing dots, iOS-style spinning bars, audio wave bars, DNA helix crossover, radar sweep with conic gradient trail, morphing square↔circle, Newton's pendulum, stacking blocks, ticking clock hands, and a breathing pulse glow. Import individually, customize size and color via props.

Created by

Installation

npx shadcn@latest add https://21st.dev/r/dev.yadhakim/animated-micro-loaders

import { Component } from "@/components/ui/animated-micro-loaders";

export default function Demo() {
  return (
    <div className="flex min-h-screen items-center justify-center bg-background">
      <Component />
    </div>
  );
}

Dependencies