Components
Arc Beacon Dot Loader
An animated dot-matrix loading spinner where a stepped beam sweeps around a circular grid with a dim opposite echo and diagonal spoke accents.
import { DotmCircular12 } from "@/components/ui/dotm-circular-12";
export default function Default() {
return (
<div className="flex min-h-[360px] w-full items-center justify-center bg-background text-foreground">
<div className="flex flex-col items-center gap-6">
<DotmCircular12 size={96} dotSize={11} />
<span className="text-[11px] font-medium uppercase tracking-[0.2em] text-muted-foreground">
Arc Beacon
</span>
</div>
</div>
);
}