Magnetic target

Usage

"use client";

import { Magnetic } from "@/components/core/magnetic";

export default function Example() {
  return (
    <Magnetic><button type="button">Explore</button></Magnetic>
  );
}

Source files

• apps/web/src/components/core/magnetic.tsx
• apps/web/src/components/core/magnetic-motion.tsx

Source code

The implementation used by Ciele, including its supporting components. Original attribution and license notices remain in the files.