Wondering what’s next for npm?Check out our public roadmap! »

awesome-text-effects

1.1.0 • Public • Published

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.

Install

npm i awesome-text-effects

DownloadsWeekly Downloads

1

Version

1.1.0

License

MIT

Unpacked Size

123 kB

Total Files

30

Last publish

Collaborators

  • avatar