Scroll Animations with Framer Motion

In this series, you’ll learn how to create scroll animations in React using Framer Motion.

In this series, you’ll learn how to create scroll animations in React using Framer Motion.

Use Framer Motion to animate route changes in your Next.js project.

Use the power of CSS animations to add joy to your icons.

Build a hook that backspaces and types out an array of words.

Making a heatmap chart like those seen in Github or Google Analytics.

Use React hooks and CSS variables to add animation effects.

Create an image story layout like those seen in popular apps.

Animating with flexbox, using the Javascript Clipboard API and more.

Use React hooks and CSS variables to create an animated segmented control.

Learn how to build a flexible Drawer component.