Awesome-text-effects NPM

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.

import { TextHover, TextEffect } from 'awesome-text-effects'
<TextHover text={[
              "This is a new text",
              "This is a second element"
            ]}
            type="1"
            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.