flâneur

Animations on the web

animations.dev · 1,220 words · saved by 12 readers

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. An opinionated toast component for React that people love. A drawer component for React, made to bring the native feel to the web. 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. 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. We'll build a drawer for mobile devices used in the Family's iOS app

How do you craft animations that feel right? Learn the theory and practice behind great animations with this interactive learning experience. Enrollment is closed 13,000+ designers and engineers have improved their animation skills with this course. The next enrollment opens sometime in 2027, for 10 days. Join the waitlist to get two free preview lessons and behind-the-scenes content every two weeks. No spam, no nonsense. Coding great animations is hard. Unfortunately, many tutorials follow a happy path. They cover simple animations that are great for beginners, but aren’t that…

saved by

related reading