Magnetic

pnpm dlx motion-blocks add magnetic

npx motion-blocks add magnetic

bunx --bun motion-blocks add magnetic

yarn dlx motion-blocks add magnetic

---import "@/components/motion-blocks/magnetic-element.ts";--- <motion-magnetic duration="1.2">  <button>Hover me</button></motion-magnetic>

import "@/components/motion-blocks/magnetic-element.ts"; export default function Page() {  return (    <motion-magnetic duration="1.2">      <button>Hover me</button>    </motion-magnetic>  );}

<script setup>import "@/components/motion-blocks/magnetic-element.ts";</script> <template>  <motion-magnetic duration="1.2">    <button>Hover me</button>  </motion-magnetic></template>

<script>  import "@/components/motion-blocks/magnetic-element.ts";</script> <motion-magnetic duration="1.2">  <button>Hover me</button></motion-magnetic>

<script type="module" src="/components/motion-blocks/magnetic-element.js"></script> <motion-magnetic duration="1.2">  <button>Hover me</button></motion-magnetic>