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.