Resources

Vercel Book Animation

View demo

Remix project

Remix project

Resources

Vercel Book Animation

View demo

Remix project

Nandi Muzsik

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

Nandi Muzsik

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

Interaction

Vercel Book Animation

This is a recreation of the fun book opening animation that you can see on the Next.js website. It serves as an excellent example of how to creatively utilize hover and loop effects in Framer to achieve unique animations.

image of Nandi Muzsik

Created by

Nandi

vercel book interaction in Framer
vercel book interaction in Framer
vercel book interaction in Framer

About the resource

The animation uses a bunch of different layers, hover, and loop effects. In fact, the loop effect is used in an exploitative way. If you want to learn more about that, watch this tutorial.

About the resource

The animation uses a bunch of different layers, hover, and loop effects. In fact, the loop effect is used in an exploitative way. If you want to learn more about that, watch this tutorial.

About the resource

The animation uses a bunch of different layers, hover, and loop effects. In fact, the loop effect is used in an exploitative way. If you want to learn more about that, watch this tutorial.

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Join waitlist

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Join waitlist

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Join waitlist

Nandi portrait's background
Nandi's portrait

More resources

More resources

View all

  • Stylized digital art of a woman wearing sunglasses, duplicated in a layered, mirrored effect within an oval frame, with a cursor hovering over the image

    Repeat Image Hover Effect in Framer

    Interaction

    Stylized digital art of a woman wearing sunglasses, duplicated in a layered, mirrored effect within an oval frame, with a cursor hovering over the image

    Repeat Image Hover Effect in Framer

    Interaction

    Stylized digital art of a woman wearing sunglasses, duplicated in a layered, mirrored effect within an oval frame, with a cursor hovering over the image

    Repeat Image Hover Effect in Framer

    Interaction

  • Fashion advertisement featuring a person standing on stairs dressed in a white and red outfit, overlaid with scattered text and a cursor icon, against a dark background

    Hover Cursor in Framer

    Interaction

    Fashion advertisement featuring a person standing on stairs dressed in a white and red outfit, overlaid with scattered text and a cursor icon, against a dark background

    Hover Cursor in Framer

    Interaction

    Fashion advertisement featuring a person standing on stairs dressed in a white and red outfit, overlaid with scattered text and a cursor icon, against a dark background

    Hover Cursor in Framer

    Interaction