Text animations by Ignacio Doria

Hi! My name is Ignacio and I've created a bunch of special animations for you to jazz up your projects! To make the most of these animations, I've relied on Framer-motion, a motion library tailored for React.
Also, if you want to add an amazing "InView" effect, add the Intersection Observer API which I've used for the animations. Before you dive in, make sure you've got those installed.
Hope you enjoy can get something out of these!

For all the animation codes visit my Github.

Framer-Motion Installation

$ npm install framer-motion

Intersection Observer API

$ npm install react-intersection-observer --save

Once the framer-motion library is installed, we will create components that receive our text and give us back our desired improved and animated text!

Old Fashioned Ease

The animation we all know. The original. Ease your texts for a subtle animation that can even go unnoticed

Slide-Up Animation

The Slide-Up animation is very well known in the developer world nowadays. It is quite simple yet elegant and can enhance the style of almost any project.

Stagger Words

One of the most fancy animations your website can have, we will animate letter per letter of a word and stagger them.