Orbit Loader

Dots circling a shared centre.

Example.tsx

import { OrbitLoader } from "@/components/better/orbit-loader"

export function Example() {
  return (
    <OrbitLoader size={40} count={3} dotSize={8} speed={1.2} color="#6366f1" />
  )
}

Dependencies

motion

Props

Prop	Type	Default	Description
className	string	—
size	number	40	Diameter of the orbit in px.
count	number	3	Number of dots on the orbit.
dotSize	number	8	Diameter of each dot in px.
color	string	"currentColor"	Dot colour (any CSS color).
speed	number	1.2	Seconds per revolution.