Spinner Loader

spin x orbit

Classic spinning loader with orbit animation. From Syntax UI.

loaderspinnerorbitsyntaxui

Code

loader-spinner.tsx

export function Spinner({ className }: { className?: string }) {
  return <div className={`size-8 animate-spin rounded-full border-2 border-muted border-t-brand ${className || ""}`} />;
}

Use it in another build

Paste the code into a component file, keep your project tokens (background, brand, radius) and it themes itself. Or tell Claude Code: “add the Spinner Loader component and wire it to my accent.”