MINI COURSE: Creating Micro-Interactions in Framer

MINI COURSE: Creating Micro-Interactions in Framer

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

Beginner

21 min

MINI COURSE: Creating Micro-Interactions in Framer

In this Framer tutorial, I'm showing you how to create those delightful micro-interactions that make websites feel alive. You'll learn how to build this key illustration animation from scratch using Framer's new pen tool, and turn it into an interactive component - all without touching any code. Perfect for adding those "how did they do that?" moments to your sites.

image of Nandi Muzsik

Taught by

Framer Navigator

Learn the fundamentals of Framer for free.

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

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.

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.

Nandi portrait's background
Nandi's portrait

More lessons

More lessons

  • A thumbnail showing a person beside bold text “framer hack” with a Framer logo

    96.49% Don't Know This Framer Navigation Hack...

    A thumbnail showing a person beside bold text “framer hack” with a Framer logo

    96.49% Don't Know This Framer Navigation Hack...

    A thumbnail showing a person beside bold text “framer hack” with a Framer logo

    96.49% Don't Know This Framer Navigation Hack...

  • Person between After Effects logo crossed out in red and glowing Framer logo, symbolizing transition from one tool to another

    Time To Replace After Effects With Framer...

    Person between After Effects logo crossed out in red and glowing Framer logo, symbolizing transition from one tool to another

    Time To Replace After Effects With Framer...

    Person between After Effects logo crossed out in red and glowing Framer logo, symbolizing transition from one tool to another

    Time To Replace After Effects With Framer...