A simple animated loading spinner built on the Lucide Loader2 icon.
import { Spinner } from "@/components/ui/component"; export default function Particle() { return ( <div className="flex items-center justify-center w-full min-h-screen bg-background"> <div className="flex items-center gap-6"> <Spinner className="size-8 text-foreground" /> <Spinner className="size-8 text-primary" /> <Spinner className="size-8 text-muted-foreground" /> <Spinner className="size-8 text-destructive" /> </div> </div> ); }
Part of coss — browse the full library on 21st.dev.