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

  • 3D text cube animation in Framer displaying the phrases ‘YOU CAN JUST DO THINGS’ and ‘MAKE THINGS YOU WISH EXISTED’ on its rotating sides in blue text on a dark background

    3D Text Cube Interaction in Framer

    Interaction

    3D text cube animation in Framer displaying the phrases ‘YOU CAN JUST DO THINGS’ and ‘MAKE THINGS YOU WISH EXISTED’ on its rotating sides in blue text on a dark background

    3D Text Cube Interaction in Framer

    Interaction

    3D text cube animation in Framer displaying the phrases ‘YOU CAN JUST DO THINGS’ and ‘MAKE THINGS YOU WISH EXISTED’ on its rotating sides in blue text on a dark background

    3D Text Cube Interaction in Framer

    Interaction

  • Inverted Custom Cursor in Framer

    Inverted Custom Cursor in Framer

    Interaction

    Inverted Custom Cursor in Framer

    Inverted Custom Cursor in Framer

    Interaction

    Inverted Custom Cursor in Framer

    Inverted Custom Cursor in Framer

    Interaction