[VIP] Emil Kowalski: Animations on the web

Learn how to craft animations that make people feel something. It's for those that like my style of animations and/or anyone aspiring to improve their skills. This course contains everything I know about motion on the web. You'll learn how to build components like these two below, and more.
    

Vaul

• A drawer component for React, made to bring the native feel to the web.
    

01 — Fundamentals

Split into 3 parts: making it feel right, how I use framer motion, the big little details. Additionally, I’ll give you some resources that I use when working with motion, a blueprint of sorts. Keep in mind that the parts are not finalized yet and might change.
  

Making it feel right 15.03.2024 Why do some animations feel better than others? What actually makes the difference?

• 01. What makes an animation feel right?
• 02. The easing blueprint
• 03. Spring animations
• 04. Timing and purpose
• 05. Taste

How I use Framer Motion 29.04.2024 I'll show you how I animate things with Framer Motion and how to get the most out of it.

• 01 Why Framer Motion?
• 02 How do I code animations?
• 03 App Store-like transitions
• 04 Amie's split-screen

Good vs Great animations 31.05.2024 Going the extra mile to make your animations feel and behave even better.

• 01. Performance
• 02. Accessibility
• 03. Orchestration
• 04. Delight

  

02 — Walkthroughs

You’ll get to see how I create animations from scratch, including the reasons behind my decisions. I’ll show you the tricks I use, and how I tackle the challenges I face. Source code will be included, and more walkthroughs will be added over time.

Family's drawer

We'll build a drawer for mobile devices used in the Family's iOS app.
  

Dynamic Island

The main focus here will be on easing and the smoothness of the animation.

You’ll get to see how I create animations from scratch, including the reasons behind my decisions. I’ll show you the tricks I use, and how I tackle the challenges I face. Source code will be included, and more walkthroughs will be added over time.