Jan 31, 2023

Building a React Confetti Component

Partying hard with React hooks, CSS and the js-confetti library.

Partying hard with React hooks, CSS and the js-confetti library.

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.