Path Hover
Fine lines fill the card and part around your cursor.
A Pro component: the live demo and the code come with Pro.
Settings
Pro- count
- speed
- bend
- duration
What it does
Path Hover is a card animation ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called hover paths, hover curves or fiber hover.
Thin waving lines cover the card at rest. Hover it and they brighten, streaks of light run across them, and the lines slide apart around the pointer like pushed threads. A tap plays it on touch screens; reduced motion only brightens them.
With Pro
The AI prompt, the React component, the plain JavaScript file and the embed come with Pro, along with the live demo. Every setting is optional: with none, you get the effect as the preview shows it.