Turn the
page.

01

Your CMS as a magazine: a cover, contents, a page for each project and paper that bends as it turns. Launch week: 30% off with the code FLIP30, until 11 November.

Framer component · CMS

Live · 18 shoots from the CMS · drag a page, tap it or use the arrows

Live · 18 shoots from the CMS · drag a page, tap it or use the arrows

Layout

No pages yet.

02

Straight from the CMS

A Gallery field on a CMS page, or a Page Item in each Collection List item. Categories become chapters, with an opener and a line in the contents.

Paper that bends

The page curves and shades as it turns, the edge lifts as the mouse comes near its corner, and the block of pages grows on one side as it shrinks on the other.

Made for phones

One page at a time, a swipe to turn, and a full screen button for reading large.

03

Two more books.

The same eighteen shoots and the same component. The shape, the cover and what each page shows change.

The same eighteen shoots and the same component. The shape, the cover and what each page shows change.

No pages yet.

A

One page, on an ink card

A single page at any width, for a narrow column. The arrows take the card’s colours.

No pages yet.

B

A plain photo book

Full-bleed photos, no contents and no openers, only the page numbers.

04

Built for real
collections.

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

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

Gallery field or Collection List

Cover, contents and back cover

Chapter openers

Group by chapter

Paper bend

Corner lift

Page edges

Spread, one page on phones

Drag, tap, arrows and keys

Full screen

Page in the address

3:4, 4:5 or A4

Margin or full bleed

Reduced motion

Screen reader friendly

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