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

$199one-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
  • New videos added regularly
  • Refactoring videos on React
  • Private Discord
  • Summaries with code

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!