Original by Plinth · MIT
Loaders
Orbit Spinner
Two brass moons orbiting a shared center — a quiet loading indicator.
#loader#spinner#orbit#css
Install
npx shadcn@latest add https://plinthui.com/r/orbit-spinner.jsonexport function OrbitSpinner() {
return (
<div
role="status"
aria-label="Loading"
className="relative h-12 w-12 animate-spin [animation-duration:1.2s]"
>
<span className="absolute left-1/2 top-0 h-3 w-3 -translate-x-1/2 rounded-full bg-[#c8a96a]" />
<span className="absolute bottom-0 left-1/2 h-3 w-3 -translate-x-1/2 rounded-full bg-[#8f7635]" />
</div>
);
}