Articles Tagged Animation

Jun 21, 2023

Building a React Number Ticker

Animate Between Two Numbers with React hooks and CSS

Apr 6, 2023

Highlighting Text on Scroll

Highlight text while scrolling through a container.

Jan 31, 2023

Building a React Confetti Component

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

Oct 31, 2022

Scroll Animations with Framer Motion

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

Oct 31, 2022

Scroll-Linked Content Reveal Animation

Learn how to create a scroll-linked animation with Framer Motion.

Jun 29, 2022

Animated Page Transitions in Next.js

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

Jun 3, 2022

Building Dynamic Icons With CSS Animation

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

Jan 26, 2022

Adding Click Animations to Anything

Use React hooks and CSS variables to add animation effects.

May 2, 2021

Using Framer Motion For Complex Animations

Learn how to build staggered animation effects and more.

Jan 31, 2021

Creating an Animated Counter Button

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

Dec 5, 2020

Animated Tabs With Framer Motion

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

Sep 21, 2020

Getting Started With Framer Motion

An intro to the animation library from Framer.

Sep 2, 2020

Building a Vertical Carousel Component in React

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

Aug 3, 2020

Recreating the Medium Applause Button

Learn how to create the Medium applause button in React.

May 20, 2020

Making Progress With Progress Indicators: Part 2

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

Animation

15 Articles