Hover Image Links is a destinations style link list where each row comes alive on hover: the heading letters scatter apart with a spring, and a floating image preview appears and chases the cursor across the section. Links and images are passed as data. Built with Framer Motion and React. Great for travel sites, portfolios, and catalog indexes that list places or projects.
Installation
Install dependencies.
Copy and paste the following code into your project.
Unlock the full library
Get all pro blocks, components & illustrations, and production-ready Next.js + Tailwind templates.
Update the import paths to match your project setup.
Related blocks
- Card Scanner
An infinite card stream that flows through a central light beam — cards crossing it are clipped away and revealed as glitching binary digits, with Three.js ambient particles and a scanner burst that intensifies during a scan. The beam and particles glow green.
- Character Selector
A gacha-style deploy scene — three equip slots open a blurred roster overlay with GSAP timelines, star-tier cards, and swap logic.
- Feature Section 01
A three-card feature section with animated assets — a typewriter prompt, a browser design mock with a draw-in frame, and an infrastructure sidebar with a looping highlight.
- Feature Section 02
A security feature section arranging the auth mockups — security dial, fraud feed, MFA code, session list, and bot radar — in an asymmetric grid.
