https://github.com/cheng500/react-animated-typing

React Typing Animation
https://github.com/cheng500/react-animated-typing

animated changing css react text typing

Last synced: about 6 hours ago
JSON representation

React Typing Animation

• Host: GitHub
• URL: https://github.com/cheng500/react-animated-typing
• Owner: cheng500
• Created: 2020-07-13T08:56:51.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T20:03:36.000Z (about 2 years ago)
• Last Synced: 2024-12-20T01:07:50.146Z (about 1 month ago)
• Topics: animated, changing, css, react, text, typing
• Language: JavaScript
• Homepage: https://nckdev.agency/lab/react-animated-typing/en
• Size: 359 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 21
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

        
# react-animated-typing

Simple react component to animate any tag in text you want.

**[DEMO](https://nckdev.agency/lab/react-animated-typing/en)**

### Installation

`npm install --save react-animated-typing`

Use `npm start` to preview

### Simple Usage

```javascript

  

```

### Props

name|required|type|default|description

----|--------|----|-------|-----------

text|true|string||Text to be animated

tag|false|string|div|Tag that the text will be put in

delay|false|number|0|Delay of the animation start by ms

disabled|false|boolean|false|Disable animation start until set to true

href|false|string||href in case it is a link

speed|false|number|100|Time needed for each symbol to appear in a sequence in ms

style|false|Object||Outer div style

textStyle|false|Object||Inner Tag style

type|false|string||If type == 'random': Text will replace randomly generated characters instead of typing

### Support

If you like this plugin, please consider donating to a small time developer (me)!

**[Donate](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=2CQSKFWR9LREL&source=url)**