LoaderMulti-variant animated loader with spinner, cube, dual-ring, and magnetic dotsloaderspinnerloadinganimation PreviewCodeLoading...Processing...Please wait...Syncing...Copyimport { Loader } from "@/components/vritti/loader"; export function LoaderExample() { return ( <div className="flex flex-col items-center gap-8 p-8"> <div className="flex items-center gap-4"> <Loader variant="default" size={24}>Loading...</Loader> </div> <div className="flex items-center gap-4"> <Loader variant="cube" size={24}>Processing...</Loader> </div> <div className="flex items-center gap-4"> <Loader variant="dual-ring" size={24}>Please wait...</Loader> </div> <div className="flex items-center gap-4"> <Loader variant="magnetic-dots" size={32}>Syncing...</Loader> </div> </div> ); } Installation CLIManualpnpmnpmyarnbunpnpm dlx shadcn@latest add "https://vritti.thesatyajit.com/r/loader"Copy Dependencies pnpmnpmyarnbunpnpm add motionCopy