# [animations.dev](<https://animations.dev/>)

[animations.dev](<https://animations.dev/>)

Learn professional web animations with Framer Motion — interactive course by Emil Kowalski.

[Development](<https://creatorstoolbox.com/communities/development>)[Open Source](<https://creatorstoolbox.com/communities/open-source>)[Animation & Motion](<https://creatorstoolbox.com/communities/animation>)[Learning](<https://creatorstoolbox.com/communities/learning>)

Media 1 of 3

## About animations.dev

[animations.dev](<https://animations.dev/>) is an interactive course on professional web animations by Emil Kowalski. Learn how to build beautiful, performant animations using Framer Motion with hands-on lessons, real-world patterns, and production-ready examples. Covers transitions, layout animations, gestures, scroll animations, and more.

Pricing model: Paid

## Features

- Interactive lessons on Framer Motion

- Real-world animation patterns

- Build production-ready animations

- Created by Emil Kowalski

## FAQs

Common questions about animations.dev

Who created this course?

Emil Kowalski, a designer and developer known for his work on Sonner (toast library) and other open-source projects.

What library does it teach?

Framer Motion — the most popular React animation library.

## Similar products

- [![beUI](<https://www.google.com/s2/favicons?domain=beui.dev&sz=128>)

beUIbeui.dev

Free, open-source animated components for React and Next.js — 108 motion primitives and blocks built with Motion and Tailwind, installable via the shadcn CLI.](<https://creatorstoolbox.com/products/beui>)

- [![useLayouts](<https://www.google.com/s2/favicons?domain=uselayouts.com&sz=128>)

useLayoutsuselayouts.com

Free animated React components and micro-interactions built with Framer Motion and Tailwind CSS, designed to work with shadcn/ui.](<https://creatorstoolbox.com/products/uselayouts>)

- [![Letters](<https://creatorstoolbox.com/images/letters-logo.png>)

Lettersgithub.com

Apple-inspired handwritten animation library — beautiful letter-by-letter text animations.](<https://creatorstoolbox.com/products/letters>)

- [![Loading.dev](<https://loading.dev/favicon.ico>)

Loading.devloading.dev

A free, open-source collection of animated loading indicators for React, with live previews and copyable usage examples.](<https://creatorstoolbox.com/products/loading-dev>)

- [![React Bits](<https://reactbits.dev/favicon.ico>)

React Bitsreactbits.dev

An open-source collection of 200+ animated, interactive React components and micro-interactions.](<https://creatorstoolbox.com/products/react-bits>)

- [![Dot Matrix](<https://dotmatrix.zzzzshawn.cloud/icon.svg>)

Dot Matrixdotmatrix.zzzzshawn.cloud

Open-source React component library of 55+ expressive dot-matrix loaders — install via the shadcn registry and own the code locally.](<https://creatorstoolbox.com/products/dotmatrix>)

---
Canonical source: https://creatorstoolbox.com/products/animations-dev