Enroll Now

How do you craft animations
that feel right?

The interactive learning experience that teaches you how to build animations
on the web.

My profile picture, but without a face
Taught by Emil Kowalski

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 it, it just doesn't feel right and you can't tell why.

What if you could understand why an animation feels off?

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 delight your users. You could have them literally take videos of your work to show it off.

Theo's reaction to my toast library called Sonner.

An interactive learning experience that teaches you the theory and the practice behind great animations

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.

Screenshot of the course platform showing a video player in the center, course chapters listed on the left, and a nchors to headings on the right sidebar. The selected chapter is ‘Spring animations’ under ‘Making it feel right,’ with the video at 0:49 of 5:46.

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 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 like the Family Drawer below. We'll run into issues and solve them, so that you know what to do when you run into similar problems yourself.

Here's what others say…

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

UmarBuilding Chainpatrol
Profile picture of Umar

Emil is extremely talented at what he does, you don't want to miss his course!

James McDonaldStaff Designer, Clerk
Profile picture of James McDonald

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

Nikita DrokinEngineer
Profile picture of Nikita Drokin

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.

Jenson WongDesign Engineer / Student UCLA
Profile picture of Jenson Wong

As a rule of thumb, every front-end developer should purchase Emil's animations course.

Anthony RubioFounder, Hexium
Profile picture of Anthony Rubio

If you're looking to up your UI game, this is it. Emil has done it once, twice, many times.

shadcnDesign Engineer, Vercel
Profile picture of shadcn

I just finished the first module of animations.dev in one sitting – great content.

Luke ShielsDesign Engineer, Delphi
Profile picture of Luke Shiels

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.

Matt RintoulDesigner and Engineer, SayYeah!
Profile picture of Matt Rintoul

Gotta say Emil's animation course is really proving to be helpful!

Ansub KhanEngineer and Designer, SyntaxUI
Profile picture of Ansub Khan

Purchased this course and tbh I just love the theory so much. Articulated clearly and opinionated in all the right places. 👌🏼

Matt LitherlandDesign Engineer, Prisma
Profile picture of Matt Litherland

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

GeoorgeSoftware Engineer
Profile picture of Geoorge

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.

NikhilEngineer, The Commit Company
Profile picture of Nikhil

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!

Carlos GalarzaEngineer, CodePortal
Profile picture of Carlos Galarza

Emil, LOVED the animation course!

IshmamEngineer, Founders Inc.
Profile picture of Ishmam

Emil truly is a great teacher, I am truly enjoying learning from him. Keep up the great work and keep the updates coming!

Tabish KhaqanEngineer
Profile picture of Tabish Khaqan

This course is sick. Would recommend.

Karl KochDesign Engineer, DuckDuckGo
Profile picture of Karl Koch

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.

Phil NelsonEnglish Teacher / Frontend Hobbyist
Profile picture of Phil Nelson

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!

Gabriel BatistaFront-End Developer, IESDE LTDA
Profile picture of Gabriel Batista

Can confirm, this course is inspiring, well constructed, and an amazing value!

Micah RichFounder, The League
Profile picture of Micah Rich

It has been useful to be able to pull snippets from examples from this course to make my site feel nicer! Recommend

Jacob FrantzFounder, Holdsensible
Profile picture of Jacob Frantz

The web will become a better place because of this.

John PhamousDesign Engineer, Vercel
Profile picture of John Phamous

10/10 Material. I learned a lot of handy stuff and using them at work as well.

BikiDeveloper
Profile picture of Biki

Can’t recommend this animation course enough. The theory and thinking about animations is a gem info you will find.

Vaibhav KhulbeTemplate Reviewer, Framer
Profile picture of Vaibhav Khulbe

Enrolled in Emil's course. The insights on each animation are incredible!

MontekEngineer, VSD
Profile picture of Montek

Thanks Emil - the animating auto height tip in your course was a life saver :)

Benjamin GlickenhausSenior Engineer, Patreon
Profile picture of Benjamin Glickenhaus

Shoutout to Emil for his amazing "Animations on the Web" course—it’s been a game-changer in my learning process!

Emre TuranEngineer
Profile picture of Emre Turan

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!

Udit KapoorStudent
Profile picture of Udit Kapoor

Really great course. Recommend enrolling if you want to improve your animation skills!

Joel IpperEngineer
Profile picture of Joel Ipper

Great teaching! Also, Emil is responsive in the discord for help. Very nice experience

Alessio TortoraEngineer
Profile picture of Alessio Tortora

Best money I ever spent on a course! If you’re a front end dev, this is a must!

Jitendra NirnejakEngineera nd Designer
Profile picture of Jitendra Nirnejak

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.

Eric LeeSoftware Engineer, Rivian
Profile picture of Eric Lee

Don’t sleep on this course - learning from Emil is worth much more than this price tag.

Mariana CastilhoProduct Designer, vercel
Profile picture of Mariana Castilho

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!

Edu CalvoFrontend Engineer, Cinetic Digital
Profile picture of Edu Calvo

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.

BrotzkySoftware Engineer, Fey
Profile picture of Brotzky

Emil's course taught me everything I know about UI animation.

Max BarvianCreator of NumberFlow
Profile picture of Max Barvian

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.

Enzo Manuel ManganoReactiive on YouTube
Profile picture of Enzo Manuel Mangano

"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.

Timothy OgbemudiaWeb Engineer
Profile picture of Timothy Ogbemudia

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.

Preet MishraEngineer, WisdomCircle
Profile picture of Preet Mishra

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.

Laura SinisterraDesign Lead, Lagrange Labs
Profile picture of Laura Sinisterra

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!

Charlie JosephEngineer, Gamertag
Profile picture of Charlie Joseph

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!

Soul ReaperEngineer
Profile picture of Soul Reaper

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.

Jonathan GardnEngineer
Profile picture of Jonathan Gardn

Huge thanks to Emil for his course. It is pure gold.

Harsh SharmaSoftware Engineer, Airbus
Profile picture of Harsh Sharma

Just grabbed Emil's course! Love the pace, and care taken on each section. 👑

Ed WardoEngineer, Pipe
Profile picture of Ed Wardo

Big thanks to Emil for animations.dev. Loving every bit!

SushanProduct Engineer, Airfoil Studio
Profile picture of Sushan

Vue, sorry, but there is no Framer Motion alternative and Emil's course is 🔥

Roman HrynevychFrontend Engineer
Profile picture of Roman Hrynevych

Emil's course was monumental in my interaction design journey. Seriously couldn't recommend it more!

Vaun BlueFull-stack dev, Mochi Circle
Profile picture of Vaun Blue

This is a great course. I liked it.

Jenson WongFounding engineer, JuliusAI
Profile picture of Jenson Wong

The best investment you will make if you’re serious about learning animations.

Aditya RajBuilder
Profile picture of Aditya Raj

This is an absolute steal for $199!

AnthonyDesign Director
Profile picture of Anthony

Great course that takes your skills to the next level when it comes to animating content for your apps!

Rafael PatoSr. Engineering Manager, StuDocu
Profile picture of Rafael Pato

Best investment you'll make in 2025.

Vikrant BhatDesign Engineer
Profile picture of Vikrant Bhat

Learning a lot from @emilkowalski_'s animations course

Dani JimenezCTO at Teloputodije
Profile picture of Dani Jimenez

Best course I've ever bought

LegiNFrontend Engineer
Profile picture of LegiN

Emil's course is really great!

ZacharyEngineer at MoneyLion
Profile picture of Zachary

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.

Josh EllisEngineer, Strapi, co-author of react-spring
Profile picture of Josh Ellis

There are a few courses that I would definitely recommend. This is one of them!

KamilEngineer
Profile picture of Kamil

Can’t wait for the updates, been an absolute masterclass so far. I *thought* I knew UI before, nope. Emil plays a different game

LostHero5Engineer
Profile picture of LostHero5

I love the course 😍 And I’ve already used the trick with useMeasure to smoothly resize the component, I’ve been working on.

Dima VeremchukSoftware Designer, Sentio
Profile picture of Dima Veremchuk

Awesome course! Must take if you want to create exceptional and well animated UI

Arpit DalalWeb Engineer, PointsLoyalty
Profile picture of Arpit Dalal

I’ve done Emil's course and it’s excellent

Dev NeillBuilding know.finance
Profile picture of Dev Neill

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.

Edu ReyesEngineer
Profile picture of Edu Reyes

So good, one of the few courses I’ve found have been worth every penny

Tyler PashigianEngineer
Profile picture of Tyler Pashigian

Hey, I'm Emil

I'm currently working as a design engineer at Linear. In the past, I've worked at Vercel where I developed the design system, dashboard, and marketing pages.

I'm also the creator of Sonner and Vaul, two open source libraries for React that rely heavily on animations. Combined, these packages are downloaded over 1,800,000 times per week from npm.

Sonner

A toast component for React.

Vaul

A drawer component for React.

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.

Just bought @emilkowalski_ course and couldn't be more happy.The intro chapter just changed my mental model on animations.
Worth every cent.

George's profile picture
GeorgeEngineer

The Curriculum

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.

Module 1

Making it feel right

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.

Matt Litherland's profile picture
Matt LitherlandDesign Engineer, Prisma
Module 2

CSS animations

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.

Laurao's profile picture
LauraoDesign Lead, Lagrange Labs
Module 3

How do I use Framer Motion

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!

Charlie Joseph's profile picture
Charlie JosephEngineer, Gamertag
Module 4

Good vs Great animations

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.

Game

The Oddysey

Explore unknown galaxies.

Game

Angry Rabbits

They are coming for you.

Game

Ghost town

Scarry ghosts.

Game

Pirates in the jungle

Find the treasure.

Game

Lost in the mountains

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.

Benji Taylor's profile picture
Benji TaylorFounder, Family

Walkthroughs

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.

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.

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

Matt Rintoul's profile picture
Matt RintoulDesign and Engineer, SayYeah!

Bonus features

After purchasing this course you'll also get access to some extra content.

A series of interviews with great designers and engineers in which we talk about animations, engineering, design, and more. Currently, there are two interviews available.

  1. Profile picture of Henry
    Henry HeffernanDesign Engineer at Vercel

    This interview is about design engineering at Vercel, how Henry thinks about easings, taste, and more.

  2. Profile picture of Mariana
    Mariana CastilhoProduct Designer at Pierre

    We talk about how Mariana learned to code as a designer, how she got hired at Vercel, where she gets inspiration from, and more.

And a vault, which is a selection of useful videos, articles, and other resources that will help you get even better at animations. There are also links to some of my favorite designers and engineers to inspire you.

If you‘re looking to up your UI game,this is it.
Emil has done it once, twice, many times.

shadcn's profile picture
shadcnCreator of shadcn/ui

Get better at animations, today

Join designers and engineers who have refined their animation skills by taking this course.

  • Theory and practice combined
  • Vault with additional resources
  • Certificate of completion
  • Private Discord community
  • More than 25 exercises
  • Free future updates
  • Interviews with experts
  • Access for life
Registration closes in
00 days00 hours00 minutes00 seconds
Start learning now $199

FAQ

I created this course with engineers and designers in mind. We start by covering the theory. The concepts learned there can be used by engineers that code their animations, but also designers who prototype their work in Figma, or any other tool. Then we move to the coding part, it's done in VSCode, using React, CSS, and Framer Motion.

It's a beginner-friendly course, you don't need any prerequisites for the theory part. The coding part requires basic CSS/React understanding. You don't need to be an expert, you don't need to be up-to-date on all the latest developments, but you should be comfortable with basic rules of CSS like padding, transform etc. and you should be able to write a very simple React component that changes state. If you are able to change button's loading state through an onClick event, then you should be good to go!

When it comes to Framer Motion, we'll start from scratch, so you don't need to know it beforehand.
No! All future updates are free, you pay only once.
Yes! You'll have access to an exclusive Discord where people share their work, talk about the course, animations in general, and much more! I'll be there too, sharing my work and answering questions. On top of that, there are channels for feedback on your work, job postings, and more.
A message from a user on Discord that is happy with it.
Each lesson will have a video on top with some written content that contains exercises, videos with explanations and solutions of the exercises, interactive examples, code snippets etc. Everything on a custom-built platform. Below you can see how it looks like.

This is a part where we have two exercises after each other. Upon clicking the "View Solution" collapsible, the solution video with written content will appear.
Screenshot of the course's platform


Here's the top part of a lesson A video followed up with written content, interactive examples, and more.
Screenshot of the course's platform
Yes! I'll keep updating it with new walkthrough videos and improvements to the fundamentals. Also, if there are significant updates to Framer Motion or CSS, I'll make sure to update the course accordingly. All future updates are free.
If you are not happy with the course, whatever the reason is, you can ask for a refund at any time by sending an email at e@emilkowal.ski.
Of course! Please email me at e@emilkowal.ski and I can get you a bulk discount.
Both! There is a module about CSS Animations and another one about Framer Motion.
Totally! You'll have access to an exclusive Discord server where you can reach for help.
Yes! After completing at least 70% of the course you will be able to save a .pdf with your name on it, showing that you've completed the course. This certificate can also be verified, as each one has a unique URL that you can share.
Yes! After purchasing you'll get an email with a link to generate a customized invoice.
Yes! If you are from a country that qualifies for a discount, you'll see an element below the purchase button with the discount code. Keep in mind that if you buy the PPP code, you'll only be able to access the course from the same country you purchased it from.
Yes, you can receive 20% off. To get a discount code, send me an email at e@emilkowal.ski with proof of enrollment. This can be anything from a student ID card, to registration paperwork. If you have an “.edu” email address, sending us an email from that address is sufficient proof.
Shoot me an email at e@emilkowal.ski.