Sign inBuy now
Email client

Unlock with membership

Buy now

Email client

Add animation to unmounting elements using the versatile AnimatePresence component.

Framer Motion Recipes

8 lessons · 3:08:10

  1. 1Multistep wizard25:15
  2. Email client16:43
  3. Fixed header: Part 118:54
  4. Fixed header: Part 217:08
  5. 5Carousel: Part 114:00
  6. Carousel: Part 222:04
  7. Resizable panel34:19
  8. Calendar39:47

Buy this course to access this lesson's summary and source code.

Buy Framer Motion Recipes

Buy the course

$199
one-time payment

Get everything in Framer Motion Recipes.

  • 3+ hours of video
  • 8 lessons
  • Private Discord
  • Summaries with code
  • Unlimited access to course materials

Lifetime membership

$349
Access all coursesone-time payment

Get lifetime access to every Build UI course, including Framer Motion Recipes, forever.

  • Access to all five Build UI courses
  • Full access to all future Build UI courses
  • Summaries with code
  • Video downloads
  • Working code demos
  • Private Discord

What's included

Stream or download every video

Watch every lesson directly on Build UI, or download them to watch offline at any time.

Live code demos

Access to a live demo of each lesson that runs directly in your browser.

Private Discord

Chat with Sam, Ryan and other Build UI members about the lessons – or anything else you're working on – in our private server.

Video summaries with code snippets

Quickly reference a lesson's material with text summaries and copyable code snippets.

Source code

Each lesson comes with a GitHub repo that includes a diff of the source code.

Invoices and receipts

Get reimbursed from your employer for becoming a better coder!