Magnetic Effect

Docs

Magnetic Effect

A smooth magnetic hover effect that makes elements subtly follow the mouse cursor using spring animation.

Installation

import { MagneticEffect } from "@/components/sillybitsui/magnetic-effect";

<MagneticEffect>
  <div className="p-5 rounded-lg shadow-sm bg-[#f2f2f2] border">
    {Icons.facebook}
  </div>
</MagneticEffect>

Prop	Type	Default	Description
`children`	`ReactNode`	`-`	The React node that will exhibit the magnetic hover effect.