**Project Hover List** — Every row, a reveal. Hover a project, watch it come alive. https://www.f...**Project Hover List** — Every row, a reveal. Hover a project, watch it come alive. https://www.f...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
**Project Hover List** — Every row, a reveal. Hover a project, watch it come alive. https://www.framer.com/marketplace/components/project-hover-list/ Project Hover List recreates the classic agency case-study index interaction — the numbered project list where a preview image follows your cursor — as a fully data-driven Framer code component, not a static demo.
**What it does:**
- Hovering a row floats a live image preview next to the cursor, spring-smoothed so it settles instead of snapping.
- Fast cursor movement adds a subtle velocity-based skew to the preview, the same micro-detail used on high-end portfolio sites.
- Non-hovered rows dim to create focus, and each row draws its own underline on hover.
- Images crossfade when moving quickly between rows instead of flashing.
- On mobile or any touch device, the cursor-follow preview is replaced with a clean inline thumbnail per row — detected automatically via container width and pointer type, no manual toggle needed.
- Respects `prefers-reduced-motion` and renders a clean static frame on the Framer Canvas and in exports.
**Fully editable via Property Controls:** project list (title, category, image, link per row), font, text/accent/divider colors, preview image size, corner radius, and the mobile breakpoint.
Post image
Post image
Post image
Post image
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started