Index Grid

A project index and a photo grid that work as one. Hover a project in the list and its photo comes forward while the rest of the grid fades back. Made for studios, photographers and designers who show selected work on one screen.

What's inside

• List of six projects with number, title, category and year

• 3×2 photo grid with captions

• Desktop: hover a project, its photo lights up

• Tablet: grid above the list, tap a photo to select it

• Phone: one large photo above the list, tap a project to swap the photo

• Desktop, Tablet and Phone variants, full-screen height

• Load animation

What you can change

• Every photo, title, category, year and link (six projects)

• Header texts

• Footer hint and link

Best for

Portfolios, design and architecture studios, photographers, agencies with a minimal, editorial feel.

How to use

Copy the component, paste it on your page and set the width to fill. Swap photos and texts in the properties panel. On each breakpoint, pick the Desktop, Tablet or Phone variant.