Awesome-Text-Effects (React)

awesome-text-effects is a compilation of performant, extendable, highly customisable, production ready React Component of different text effects annd text hover effect for react developers to use.

Installation

npm i awesome-text-effects

Usage

Awesome-text-effects comes with two primary components. First one is for Text Effect and second one is for Text Hover effect.

1import { TextHover, TextEffect } from 'awesome-text-effects'
2<TextHover text={[
3              "This is a new text",
4              "This is a second element"
5            ]}
6            type="1"
7            name="PopOut" />

awesome-text-effects props

Attribute	Type	Description
text	list::string	A list of string that is going to be displayed. Each element in the list represents one line that is going to be displayed on the screen.
name	string	The string name of the effect you want to use. For more information regarding effect, please look below at the git hub repo
type	integer	This option is used for only certain effects. Default value is 1
href	string	This option is for hover effect. Default value is null.