Every project,
one line.

01

The project index of a studio site, from your CMS: columns that sort, filters with counts, and the photo following the cursor. Launch week: 30% off with the code INDEX30, until 12 November.

Framer component · CMS

Live · 18 shoots from the CMS · hover a row, sort a column, pick a discipline

Live · 18 shoots from the CMS · hover a row, sort a column, pick a discipline

Layout

No projects yet.

02

Straight from the CMS

An Index Item in each Collection List item: title, place, discipline, a year or a date, a photo or a video, a summary and the link.

Sorts and filters

Visitors sort by any column from the header and filter by discipline, with a count that keeps up. Framer’s own filters work too.

Three previews

The photo follows the cursor, sits beside the list, or opens in the row, which is how phones and touch screens always see it.

03

Two more indexes.

The same eighteen shoots and the same component. What each index shows and where it sits change.

The same eighteen shoots and the same component. What each index shows and where it sits change.

No projects yet.

A

Five on a home page

The newest five, no header and no filters: a teaser that leads to the full index.

No projects yet.

B

On an ink card

Inverted colours, square photos and the filters on top. The colours are your site’s, so it turns with dark mode.

04

Built for real
portfolios.

No network requests of its own: your images with srcset, a video only while it shows, and every label ready for Localization.

No network requests of its own: your images with srcset, a video only while it shows, and every label ready for Localization.

Collection List

Number, place, discipline, year

Sort by column

Filters with counts

Cursor preview

Split preview

Opens in the row

Video previews

Year from a Date

Max rows

Phones and touch screens

Keyboard friendly

Reduced motion

Screen reader friendly

Create a free website with Framer, the website builder loved by startups, designers and agencies.