A kinetic typography library for ReactJS
0.1.0
Usage
npm i react-punch
import animateText samples from "react-punch";
<b></b>
API
animateClass
Triggers the animation on mount
<div = />
Triggers the animation on hover
const hover setHover = ; <div = = = />
animateElement
Triggers a succession of animations using a Promise
; <div ="ballA" /> <div ="ballB" />
Or using simply the duration on the delay property
; <div ="ballA" /> <div ="ballB" />
animateText
Triggers an animation on each letter of the text
<b></b>
Or on the whole word
<b></b>
Samples
Entrance
Fade
<b></b>
Flyin
<b></b>
Split
<b></b>
Wipe
<b></b>
Shape
<b></b>
Zoom
<b></b>
Flip
<b></b>
Slide
<b></b>
Exit
Fade
<b></b>
Flyin
<b></b>
Split
<b></b>
Wipe
<b></b>
Shape
<b></b>
Zoom
<b></b>
Flip
<b></b>
Slide
<b></b>
Text
Rainbow
<b></b>
Gradient
<b></b>
Other
Draw border
<b></b>