# @designteamofone on Instagram

- **Type:** Video
- **Original URL:** https://www.instagram.com/p/DVyT7iVlBje
- **Gondola URL:** https://gondola.cc/posts/71200898-designteamofone-instagram
- **Thumbnail:** https://img.gondola.cc/tr:w-,h-,fo-auto/postThumbnails/66432d62fa.jpg
- **Posted:** 2026-03-12T13:30:00.000+00:00
- **Account Owner:** typing… (@designteamofone) — https://gondola.cc/designteamofone

## Caption

did this last year on phase and decided to give it a try on framer truly nothing is impossible on framer

follow these steps:

1. create a component sized for two pages. this is your base flip unit, add your first page inside it

2. each page needs a front and a back image

3. in the first variant, rotate the page 180° on the y-axis: front image visible, back image hidden. in the second variant, reset to 0°: back image visible, front image hidden. this is what creates the flip effect

4. add a transition between the two variants to get that smooth flip

5. duplicate for more pages. just make sure to adjust z-index so each page stacks in the right order

#framerpartner #builtwithframer

## Stats

- **Views:** 54,510
- **Likes:** 1,194
- **Shares:** 0
- **Comments:** 16

## Credits

No public credits are recorded here. This does not identify who made the post.

## Tags

framerpartner, builtwithframer

---
Copyright (c) Gondola