Filter Index

An editorial project index with category filters. Pick a tab and the other rows fold away; hover a row and its image follows the cursor.

Tabs are built from your rows' categories automatically, with an "All" tab and optional counts beside each label.

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

Filtering animates: rows collapse smoothly instead of jumping, and hidden rows leave the tab order.

Follow: how far the image lags behind the cursor. Lower is softer. Image size and ratio, row padding, tab spacing, dividers, dimming and colours are all adjustable.

Three fonts - tabs, titles and meta - with full font controls.

Keyboard: tabs are real buttons, and tabbing to a row shows its image too. Reduced-motion settings are respected. On touch screens the list works without the floating image.

Ships with eight demo projects across four categories, so it works the moment you drop it in.

Zero dependencies, no network.

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