Cool Mode

import { Button } from "@/components/ui/button";
import { CoolMode } from "@/registry/magicui/cool-mode";

export function CoolModeDemo() {
  return (
    <div className="relative justify-center">
      <CoolMode>
        <Button>Click Me!</Button>
      </CoolMode>
    </div>
  );
}

import { Button } from "@/components/ui/button";
import { CoolMode } from "@/registry/magicui/cool-mode";

export function CoolModeCustom() {
  return (
    <div className="relative justify-center">
      <CoolMode
        options={{
          particle:
            "https://pbs.twimg.com/profile_images/1782811051504885763/YR5-kWOI_400x400.jpg",
        }}
      >
        <Button>Click Me!</Button>
      </CoolMode>
    </div>
  );
}