Animation

8 Articles

Jan 26, 2022

Adding Click Animations to Anything

Use React hooks and CSS variables to add animation effects.

• React
• Animation
• CSS Variables

May 2, 2021

Using Framer Motion For Complex Animations

Learn how to build staggered animation effects and more.

• Framer Motion
• React
• Animation

Jan 31, 2021

Creating an Animated Counter Button

A short guide to building an animated counter component with React hooks.

• CSS
• Animation
• React

Dec 5, 2020

Animated Tabs With Framer Motion

Get acquainted with Framer Motion by building an animated tab component.

• React
• Framer Motion
• Animation

Sep 21, 2020

Getting Started With Framer Motion

An intro to the animation library from Framer.

• React
• Framer Motion
• Animation

Sep 2, 2020

Building a Vertical Carousel Component in React

We'll learn how to build an infinite carousel using sentences as slides.

• React
• CSS
• Animation

Aug 3, 2020

Recreating the Medium Applause Button

Learn how to create the Medium applause button in React.

• React
• React Hooks
• CSS
• Animation

May 20, 2020

Making Progress With Progress Indicators: Part 2

Part two on building progress indicators. This time, using SVG animation.

• React
• SVG
• CSS
• Animation