Animations on the web

コンテンツ

A video-based course by Emil Kowalski

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.

Sonner

An opinionated toast component for React that people love.

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.

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.

Visual components by Family.
For educational purposes only.

Dynamic Island

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

Author

I’m Emil, a design engineer working at Vercel, and creator of two open source libraries called Sonner and Vaul. I see animations on the web as a form of art, and care deeply about how they look, feel, and behave. I want people to have a moment of delight when they use the things I create.

“Emil’s work blends design, motion and incredible attention to the little things. I’m looking forward to his course. Preordered!”

Shadcn's profile picture

Preorder

You can preorder the course at a discounted price (40% off) until Friday, March 15th. That's also the date that the first part will launch. After that, you won't be able to purchase the course until the final release, at which point the price will be 200$.

Unsure whether this course is right for you? You can read the FAQ.

要約する
Emil Kowalski is offering a video-based course on crafting animations that evoke emotions, suitable for those interested in his animation style or looking to enhance their skills. The course covers fundamentals, framer motion usage, and intricate details, along with walkthroughs on creating animations from scratch. Examples include a React toast component called Sonner and a mobile drawer for the Family's iOS app. The course emphasizes easing and smoothness in animations. Emil, a design engineer at Vercel, views web animations as an art form and aims to create delightful user experiences. The course is available for preorder at a discounted price until March 15th, with the first part launching on that date. The final release will be priced at $200. Interested individuals can find more information in the FAQ section and purchase the course on Emil's website.