Slide Spinner

A loading spinner showing three dots taking turns sliding into the empty corner of a square, ported from the loadsv Svelte spinner library by Pedro Lunet (MIT licensed).

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Slide Spinner to your project and fits it to your theme.

import Slide from "@/components/ui/slide";

export default function SlideDemo() {
  return (
    <div className="flex h-40 w-full items-center justify-center">
      <Slide size={48} />
    </div>
  );
}