Open a
folder.

01

Your CMS projects as folders. Hover one and its photos fan out; click and youโ€™re on the project. Launch week: 30% off with the code FOLDERS30, until 7 November.

Framer component ยท CMS

Live ยท 7 shoots from the CMS ยท hover or tap a folder

Live ยท 7 shoots from the CMS ยท hover or tap a folder

Layout

No folders yet.

No folders yet.

02

Straight from the CMS

A Folder Item in each Collection List item. Its Gallery field fills the folder, and a new shoot in the CMS shows up on its own.

Hover, tap or focus

On a computer the folder opens under the mouse. On a phone the first tap opens it and the second goes in. The keyboard opens it on focus.

Your look

Paper, Ink and Accent, or your own colours, one per folder if you like. Your fonts, a tab, a number and a photo count.

03

Three looks.

The same seven shoots and the same component. The colours, the shape and the fan change.

The same seven shoots and the same component. The colours, the shape and the fan change.

No folders yet.

A

A row on an ink page

Paper folders that scroll sideways and snap into place, with a wider fan.

No folders yet.

No folders yet.

B

One photo, in the accent

Square folders in the accent colour, a single photo, no tab and no number.

No folders yet.

No folders yet.

C

Ink, 4:3, with filters

Dark folders, a smaller fan and a button for each category, with its count.

04

Built for real
portfolios.

No network requests of its own: your images, with srcset and lazy loading, and every label ready for Localization.

No network requests of its own: your images, with srcset and lazy loading, and every label ready for Localization.

Reads a CMS Gallery field

Grid or a sideways row

Opens on hover, tap or focus

Paper, Ink, Accent or your colours

A colour per folder

Filters with counts

Tab, number and photo count

1 to 3 photos

Three fan sizes

Your fonts

Reduced motion

Screen reader friendly

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