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: 3 months 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 (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2025-08-13T07:55:09.000Z (11 months ago)
- Last Synced: 2025-08-17T14:36:15.033Z (11 months ago)
- Topics: animated, changing, css, react, text, typing
- Language: TypeScript
- Homepage: https://nckdev.agency/lab/react-animated-typing/en
- Size: 55.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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)**