Animations & Motion
Spring Physics
Smooth magnetic spring with size adaptation on hover.
cursormagneticspringsmoothdom
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
backgroundColor | string | bg-zinc-950 | Background color of the component |
title | string | Spring Physics | Title text displayed |
buttonText | string | Hover Me | Text on the hover button |
inactiveSize | number | 20 | Size of cursor when inactive |
activeSize | number | 80 | Size of cursor when active |
springDamping | number | 25 | Spring animation damping |
springStiffness | number | 400 | Spring animation stiffness |
borderColor | string | border-zinc-500 | Border color of the cursor |
cursorBackgroundColor | string | bg-white | Background color of the cursor |
className | string | Additional CSS classes |