**Project Hover List** — Every

**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.