Hover Index

An editorial project list. Hover a row and its image appears and follows the cursor, easing a little behind it.

The index layout seen on studio and agency sites: large titles, a quiet meta column and a year, hairline dividers, and the other rows dimming while one is active.

Rows: title, meta, year, image and link for each project, edited in the panel. Rows are real links and can open in a new tab.

Follow: how far the image lags behind the cursor. Lower is softer.

Image size and ratio, row padding, dividers on or off, colours and two fonts - title and meta - with full font controls.

Keyboard: tabbing to a row shows its image too. On touch screens the list works as a plain list without the floating image.

Images are preloaded, so the first hover is never empty. Ships with four demo projects and photographs so it works the moment you drop it in.

Zero dependencies, no network. On the canvas it renders the list with the first image shown.

Built by KHZ ART, a Tokyo studio working in editorial and fashion.

For film and motion work, see Hover Reel - the same list with video that plays on hover.

Bundle: Hover Index + Hover Reel for $18 - https://buy.stripe.com/fZu28r6kqbUBflD9eCc3m16

Use it as the portfolio project list on a designer, photographer or agency site: a work index, a case-study menu or a selected-projects page.