Direction Aware Hover
An overlay slides in from whichever edge the cursor entered.
Aurora
Northern Lights preset
Hover from any edge
Aurora
Northern Lights preset
Twelve layered gradients tuned for dark dashboards. The overlay enters from whichever edge your cursor crosses.
Open collection
Usage: paste this file into your project (e.g.
components/direction-aware-hover.tsx), make sure framer-motion, clsx and tailwind-merge are installed, and add the cn() helper from the docs.