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. |