If you're looking to up your UI game, this is it. Emil has done it once, twice, many times.
The interactive learning experience that teaches you how to build animations
on the web.
4,822 designers and engineers have improved their animation skills with this course.
Next enrollment opens on Tuesday, April 8th for 10 days.
Join the waitlist to get behind-the-scenes content every two weeks.
Coding animations is challenging and, unfortunately, many tutorials follow a happy path. They cover simple animations, which are great for beginners, but don't give you a lot of insight on how to craft more complex ones.
But it’s not just the code that makes an animation work. You need to have a sense of what feels right and what doesn’t. You might have a great animation in your head, but when you code or design it, it just doesn't feel right and you can't tell why.
It's hard to know where to start, and it's even harder to know if you're making the right choices. But animations are becoming an increasingly important part of the web. They improve the experience, and that benefits all areas of your work.
If you could look at an animation and truly see what's wrong, and how to fix it, whether it's an easing, or a timing issue. You would be able to craft animations that your users love. You could have them literally take videos of your work to show it off.
Theo's reaction to my toast library called Sonner.
Animations on the Web is a course that teaches you the theory behind great animations, and how to implement them in practice using CSS animations and Framer Motion.
You'll get a set of custom easings that I use in my work, we'll talk about taste, spring animations, timing, purpose of an animation, and much more. You'll become confident in your choices and you won't just guess what might work.
We'll also build a lot. Not only the trivial examples covered in every tutorial, but also more complex animations. We'll run into issues and solve them, so that you know what to do when you run into similar problems yourself.
If you're looking to up your UI game, this is it. Emil has done it once, twice, many times.
I never get tired of recommending Emil's course, even if you come only for framer-motion, that is not the only thing you learn. You learn to understand how an animation works, tips, many visual references and more!
Don’t sleep on this course - learning from Emil is worth much more than this price tag.
Currently in progress for Emil's course on animations. I've never used Framer Motion, but it's so easy with the right guidance! 10/10 course, would recommend for beginners like me.
Having only just started my design && dev career, Emil's course opened my eyes to the level of quality and detail that I want to reach one day.
As a rule of thumb, every front-end developer should purchase Emil's animations course.
I just finished the first module of animations.dev in one sitting – great content.
Love the course content so far. I had a reasonable understanding of the Framer Motion basics, but Emil's demos and code examples has really helped me better understand how to make some really great animations. I’m looking forward to applying the new knowledge.
Gotta say Emil's animation course is really proving to be helpful!
Emil is extremely talented at what he does, you don't want to miss his course!
Purchased this course and tbh I just love the theory so much. Articulated clearly and opinionated in all the right places. 👌🏼
Just bought Emil's Animations on the web and couldn't be more happy. The intro chapter just changed my mental model on animations. Worth every cent. Cant wait to start chapter 2
Signed up for this and the course is amazing! Learnt so much and I’m only 50% done 😅 Already implemented some basic animations on Raven’s sidebar for toggling the channel list.
I bought Emil's course on web animations last month and it is great! Happy to learn from the best! This is a great way level-up your design/frontend skills!
Emil, LOVED the animation course!
This course is sick. Would recommend.
I just picked up Emil's course and it is fantastic! With a video overview of the lesson, breakdowns, and interactive elements, you have everything you need to create fluid, natural, and stunning animations on the web.
I deeply regret not discovering Framer Motion sooner. I build the behavior of the iPhone’s dynamic island with this tool. Emil, what a course! It really helped me a lot!
Can confirm, this course is inspiring, well constructed, and an amazing value!
It has been useful to be able to pull snippets from examples from this course to make my site feel nicer! Recommend
The web will become a better place because of this.
10/10 Material. I learned a lot of handy stuff and using them at work as well.
Thanks to Emil for an amazing course, really well made!
Can’t recommend this animation course enough. The theory and thinking about animations is a gem info you will find.
Enrolled in Emil's course. The insights on each animation are incredible!
Thanks Emil - the animating auto height tip in your course was a life saver :)
Shoutout to Emil for his amazing "Animations on the Web" course—it’s been a game-changer in my learning process!
I'm currently using this course, and I highly recommend it for frontend developers. If you're into frontend development, you should definitely give it a try!
Really great course. Recommend enrolling if you want to improve your animation skills!
Great teaching! Also, Emil is responsive in the discord for help. Very nice experience
Best money I ever spent on a course! If you’re a front end dev, this is a must!
I just finished module 1 with theory and mindsets and it really helps me understand how animation can change how people feel about the app.
Get animations.dev by Emil. Thank me later.
animations.dev by Emil is worth it because theres a ton of resources to deep dive into. It's like a textbook but you only get the entire value by diving deep and going thoroughly through all articles/resources, exercises, reimplementing everything. Very eye opening course and will translate to all work i do in future.
So good, one of the few courses I’ve found have been worth every penny
I've been really enjoying the course so far!
Even after using these tools for so long, it feels like I’ve been holding the hammer wrong the whole time.
Emil's course taught me everything I know about UI animation.
I feel like CSS wizard, CSS module in Emil's course is so good!
Goes without saying this will level up your web animation skills. Emil consistently shares beautifully crafted components with the community, and his work always delivers quality.
I was shocked by the clarity of Emil's course and the extra value of interactivity in his explanations. His demos have been an important inspiration in the process.
"How do I code animations" is pound for pound the best course section I've ever engaged with. It involves so much Framer Motion goodness and unlocks so much. Like that section alone can take you so far in your animation journey.
Emil's course goes beyond the tools you need to build animations on the web. There's a resounding focus on taste and quality in every lesson.
It’s been amazing to work on my web animation skills with the help of this course. The content itself is great and Emil is constantly updating and making changes according to feedback. Truly next level.
I’ve only just started diving in, but holy shit! This course is genuinely superb, and I Emil is the first person I’ve seen that *properly* explains how to use Framer Motion. Worth the money any day!
Knew some stuff about framer motion and animations before but Emil's course has stepped up my game to a new level already. Highly recommend!
I love so many things about animations.dev. My fav are: amazing pace and vibes, lot of great resources, focus on why and when animations enrich UX, vs showing the "how" in code.
Huge thanks to Emil for his course. It is pure gold.
Just grabbed Emil's course! Love the pace, and care taken on each section. 👑
Big thanks to Emil for animations.dev. Loving every bit!
Vue, sorry, but there is no Framer Motion alternative and Emil's course is 🔥
Emil's course was monumental in my interaction design journey. Seriously couldn't recommend it more!
The best investment you will make if you’re serious about learning animations.
This is an absolute steal for $199!
Great course that takes your skills to the next level when it comes to animating content for your apps!
Best investment you'll make in 2025.
Learning a lot from @emilkowalski_'s animations course
Best course I've ever bought
Emil's course is really great!
Pretty cool to see one of my demos on Emil's animations.dev. Super great course, only wish I had done it myself. 10/10 would recommend so far.
There are a few courses that I would definitely recommend. This is one of them!
Can’t wait for the updates, been an absolute masterclass so far. I *thought* I knew UI before, nope. Emil plays a different game
I love the course 😍 And I’ve already used the trick with useMeasure to smoothly resize the component, I’ve been working on.
Awesome course! Must take if you want to create exceptional and well animated UI
I’ve done Emil's course and it’s excellent
This course is a great resource for learning and for inspiration, being able not only to craft but to understand great design and animations is a game changer.
Just finished animations.dev by Emil and WOW. This is a must for anyone who wants to take their web animations to the next level! Highly recommended!
Emil cooked with his course! I like the interactive part, it really keeps you immersed and I find my self even deliver more than the exercises ask for.
Emil truly is a great teacher, I am truly enjoying learning from him. Keep up the great work and keep the updates coming!
Made it to the Framer Motion section of animations.dev today and my mind is blown. Learning a ton, thanks Emil!
It was thanks to this course that I was able to launch ui.lndev.me. Don’t hesitate for a second if you want to level up your web animation skills.
I'm currently working as a design engineer at Linear. In the past, I've worked on the design team at Vercel where I developed the design system, dashboard, docs, and more.
I'm also the creator of Sonner and Vaul, two open source React libraries that rely on animations. These packages are downloaded over 3,700,000 times per week from npm.
I see animations as a form of art, and care deeply about how they look, feel, and behave. I want people to have a moment of joy when they use the things I create.
“Just bought Emil's course and couldn't be more happy. The intro chapter just changed my mental model on animations. Worth every cent.”
This course is split into four modules and a series of walkthroughs. It teaches you everything you need to know to build great animations on the web.
In this module we'll dive deep into the theory behind great animations. You'll get a set of custom easings that I use in my work, we'll talk about taste, perception of speed, spring animations, timing, purpose of an animation, and more. After this module, you'll be able to articulate why an animation feels right or wrong.
“Purchased this course and tbh I just love the theory so much. Articulated clearly and opinionated in all the right places.”
This module is about ensuring that you get the basics of CSS animations right and know when and how to use them. This way we'll be able to transition into Framer Motion with ease.
We will learn about transforms, transitions, keyframe animations, and more. Not just the basic examples, but real-world examples and exercises that will actually help you.
One of the animations we'll build. Click on the button to see it animate.
While this module involves a lot of coding, we will still talk about the theory. In the solution of exercises, I often talk about which easing and duration I chose and why.
“It’s been amazing to work on my web animation skills with the help of this course. The content itself is great and Emil is constantly updating and making changes according to feedback. Truly next level.”
Framer Motion's documentation often times follows a happy path. It covers simple animations, which are great for beginners, but don't give you a lot of insight on how to craft more complex ones.
That's why, in this part, we'll build a lot. We'll cover the basics, but we'll quickly transition into building more complex animations like the Feedback popover below. We'll run into issues and solve them, so that you know what to do when you run into similar problems yourself.
This chapter teaches you how to code animations, but it also gives you an insight into how I think about animations. For example in the solutions for exercises I often talk about a transition that I then later change to a different one while explaining why I did that.
“I’ve only just started diving in, but holy shit! This course is genuinely superb. Emil is the first person I’ve seen that *properly* explains how to use Framer Motion. Worth the money any day!”
At this point in the course we know what differentiates a good animation from a bad one, and we know how to code them. In this module we'll explore both the theory and practice on a deeper level.
We'll talk about how you can transfer feelings with animations, the importance of orchestration, accessibility, and more. After this module you'll know how to take your animations from good to great.
Explore unknown galaxies.
They are coming for you.
Scarry ghosts.
Find the treasure.
Be careful.
“Emil consistently creates the highest quality animations on the web. His course is a must-have for anyone looking to craft world-class interfaces.”
This is the second part of the course in which you’ll get to see how I create animations from scratch, including the reasons behind my decisions.
The difference between components we build here and other ones in previous modules is that here, I show you my exact thought process. We'll start by just thinking and talking about the animation we want to make, then move to the code, improve it and iterate.
We'll build a drawer for mobile devices used in the Family's iOS app.
Visual components by Family.
For educational purposes only.
The main focus here will be on easing and the smoothness of the animation.
“Love the course content so far. I had a reasonable understanding of the Framer Motion basics, but Emil's demos and code examples have really helped me better understand how to make some really great animations”
After enrolling in this course you'll also get access to some extra content:
An exclusive Discord community on all things animation and the industry.
Animation vault, which is a selection of videos, articles, and other resources.
Interviews with experts about animations, design, and more.
A set of 18 custom easing functions that I use in my animation work.
“If you‘re looking to up your UI game, this is it.
Emil has done it once, twice, many times.”
4,822 designers and engineers have improved their animation skills with this course.
Next enrollment opens on Tuesday, April 8th for 10 days.
Join the waitlist to get behind-the-scenes content every two weeks.
“It’s been amazing to work on my web animation skills with the help of this course . The content itself is great and Emil is constantly updating and making changes according to feedback. Truly next level. ”