Magnetic tooltip that follows mouse movement with spring physics and visual effects.
Installation
Usage
import { TooltipMagnetic } from "viora-ui";import { TooltipMagnetic } from "viora-ui";
export default function TooltipMagneticDemo() {
return (
<div className="flex min-h-[350px] w-full items-center justify-center p-6">
<TooltipMagnetic />
</div>
);
}API Reference
TooltipMagnetic
| Prop | Type | Default | Description |
|---|---|---|---|
| content | string | - | Configuration for content. |
| children | React.ReactNode | - | Content or child elements to render. |
| offset? | number | - | Configuration for offset. |
| springConfig? | { stiffness: number; damping: number } | - | Configuration for springConfig. |
| className? | string | "" | Additional CSS classes for custom styling. |
Built by Otis
Last updated: 9/13/2026