UNPKG

react-typing-animation

Version:

[![npm version](https://img.shields.io/npm/v/react-typing-animation.svg)](https://npm.im/react-typing-animation) ![Licence](https://img.shields.io/npm/l/react-typing-animation.svg)

adamjking3.github.io/react-typing-animation-example/

adamjking3/react-typing-animation

21 lines (18 loc) • 4.91 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!doctype html> <html lang='en'> <head> <meta charSet='utf-8' /> <meta content='IE=edge' httpEquiv='X-UA-Compatible' /> <meta name='viewport' content='width=device-width, initial-scale=1'> <link href='data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMzQuMTY3IDMzNC4xNjciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMzNC4xNjcgMzM0LjE2NzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCI+CjxnPgoJPHBhdGggc3R5bGU9ImZpbGw6IzVDNjY3MDsiIGQ9Ik0xNzEuNjY3LDExOC44MzRoLTEwVjkyLjc3MWMwLTE3LjUwNywxNC4yNDQtMzEuNzUxLDMxLjc1MS0zMS43NTFoMzguMjQ5ICAgYzExLjk5NCwwLDIxLjc1MS05Ljc1NywyMS43NTEtMjEuNzUxVjI0LjMzM2gxMHYxNC45MzZjMCwxNy41MDctMTQuMjQ0LDMxLjc1MS0zMS43NTEsMzEuNzUxaC0zOC4yNDkgICBjLTExLjk5NCwwLTIxLjc1MSw5Ljc1Ny0yMS43NTEsMjEuNzUxTDE3MS42NjcsMTE4LjgzNEwxNzEuNjY3LDExOC44MzR6Ii8+Cgk8cGF0aCBzdHlsZT0iZmlsbDojQTRBOUFEOyIgZD0iTTAsMTUwLjMzM2MwLTguMDA4LDYuNDkyLTE0LjUsMTQuNS0xNC41aDMwNS4xNjdjOC4wMDgsMCwxNC41LDYuNDkyLDE0LjUsMTQuNXYxMzkuNSAgIGMwLDExLTksMjAtMjAsMjBIMjBjLTExLDAtMjAtOS0yMC0yMFYxNTAuMzMzeiIvPgoJPHBhdGggc3R5bGU9ImZpbGw6I0MzQzZDODsiIGQ9Ik0wLDEzMy4zMzNjMC04LjAwOCw2LjQ5Mi0xNC41LDE0LjUtMTQuNWgzMDUuMTY3YzguMDA4LDAsMTQuNSw2LjQ5MiwxNC41LDE0LjV2MTM5LjUgICBjMCwxMS05LDIwLTIwLDIwSDIwYy0xMSwwLTIwLTktMjAtMjBWMTMzLjMzM3oiLz4KCTxnPgoJCTxyZWN0IHg9IjIzLjY2NyIgeT0iMjQyLjgzMyIgc3R5bGU9ImZpbGw6IzMzM0U0ODsiIHdpZHRoPSIzMiIgaGVpZ2h0PSIyNCIvPgoJCTxyZWN0IHg9IjY0LjMzMyIgeT0iMjQyLjgzMyIgc3R5bGU9ImZpbGw6IzMzM0U0ODsiIHdpZHRoPSIxMTMuMzM0IiBoZWlnaHQ9IjI0Ii8+CgkJPHJlY3QgeD0iMTg2LjMzNCIgeT0iMjQyLjgzMyIgc3R5bGU9ImZpbGw6IzMzM0U0ODsiIHdpZHRoPSIzMiIgaGVpZ2h0PSIyNCIvPgoJCTxyZWN0IHg9IjIyNy4wMDIiIHk9IjI0Mi44MzMiIHN0eWxlPSJmaWxsOiMzMzNFNDg7IiB3aWR0aD0iMzIiIGhlaWdodD0iMjQiLz4KCQk8cmVjdCB4PSIyMy42NjciIHk9IjIwNS44MzMiIHN0eWxlPSJmaWxsOiMzMzNFNDg7IiB3aWR0aD0iMzIiIGhlaWdodD0iMjQiLz4KCQk8cmVjdCB4PSI2NC4zMzQiIHk9IjIwNS44MzMiIHN0eWxlPSJmaWxsOiMzMzNFNDg7IiB3aWR0aD0iMzIiIGhlaWdodD0iMjQiLz4KCQk8cmVjdCB4PSIxMDUiIHk9IjIwNS44MzMiIHN0eWxlPSJmaWxsOiMzMzNFNDg7IiB3aWR0aD0iMzIiIGhlaWdodD0iMjQiLz4KCQk8cmVjdCB4PSIxNDUuNjY3IiB5PSIyMDUuODMzIiBzdHlsZT0iZmlsbDojMzMzRTQ4OyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjI0Ii8+CgkJPHJlY3QgeD0iMTg2LjMzNCIgeT0iMjA1LjgzMyIgc3R5bGU9ImZpbGw6IzMzM0U0ODsiIHdpZHRoPSIzMiIgaGVpZ2h0PSIyNCIvPgoJCTxyZWN0IHg9IjIyNy4wMDIiIHk9IjIwNS44MzMiIHN0eWxlPSJmaWxsOiMzMzNFNDg7IiB3aWR0aD0iMzIiIGhlaWdodD0iMjQiLz4KCQk8cmVjdCB4PSIyMy42NjciIHk9IjE2OC44MzMiIHN0eWxlPSJmaWxsOiMzMzNFNDg7IiB3aWR0aD0iMzIiIGhlaWdodD0iMjQiLz4KCQk8cmVjdCB4PSI2NC4zMzQiIHk9IjE2OC44MzMiIHN0eWxlPSJmaWxsOiMzMzNFNDg7IiB3aWR0aD0iMzIiIGhlaWdodD0iMjQiLz4KCQk8cmVjdCB4PSIxMDUiIHk9IjE2OC44MzMiIHN0eWxlPSJmaWxsOiMzMzNFNDg7IiB3aWR0aD0iMzIiIGhlaWdodD0iMjQiLz4KCQk8cmVjdCB4PSIxNDUuNjY3IiB5PSIxNjguODMzIiBzdHlsZT0iZmlsbDojMzMzRTQ4OyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjI0Ii8+CgkJPHJlY3QgeD0iMTg2LjMzNCIgeT0iMTY4LjgzMyIgc3R5bGU9ImZpbGw6IzMzM0U0ODsiIHdpZHRoPSI3Mi42NjciIGhlaWdodD0iMjQiLz4KCQk8cmVjdCB4PSIyNzguNSIgeT0iMjQyLjgzMyIgc3R5bGU9ImZpbGw6IzMzM0U0ODsiIHdpZHRoPSIzMiIgaGVpZ2h0PSIyNCIvPgoJCTxyZWN0IHg9IjI3OC41IiB5PSIyMDUuODMzIiBzdHlsZT0iZmlsbDojMzMzRTQ4OyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjI0Ii8+CgkJPHJlY3QgeD0iMjc4LjUiIHk9IjE2OC44MzMiIHN0eWxlPSJmaWxsOiMzMzNFNDg7IiB3aWR0aD0iMzIiIGhlaWdodD0iMjQiLz4KCQk8cmVjdCB4PSIyMy42NjciIHk9IjEzOC44MzMiIHN0eWxlPSJmaWxsOiMzMzNFNDg7IiB3aWR0aD0iMzIiIGhlaWdodD0iMTUiLz4KCQk8cmVjdCB4PSI2NC4zMzQiIHk9IjEzOC44MzMiIHN0eWxlPSJmaWxsOiMzMzNFNDg7IiB3aWR0aD0iMzIiIGhlaWdodD0iMTUiLz4KCQk8cmVjdCB4PSIxMDUiIHk9IjEzOC44MzMiIHN0eWxlPSJmaWxsOiMzMzNFNDg7IiB3aWR0aD0iMzIiIGhlaWdodD0iMTUiLz4KCQk8cmVjdCB4PSIxNDUuNjY3IiB5PSIxMzguODMzIiBzdHlsZT0iZmlsbDojMzMzRTQ4OyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjE1Ii8+CgkJPHJlY3QgeD0iMTg2LjMzNCIgeT0iMTM4LjgzMyIgc3R5bGU9ImZpbGw6IzMzM0U0ODsiIHdpZHRoPSIzMiIgaGVpZ2h0PSIxNSIvPgoJCTxyZWN0IHg9IjIyNy4wMDIiIHk9IjEzOC44MzMiIHN0eWxlPSJmaWxsOiMzMzNFNDg7IiB3aWR0aD0iMzIiIGhlaWdodD0iMTUiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K' rel='shortcut icon' sizes='16x16 32x32 48x48' type='image/png' /> <link href='https://fonts.googleapis.com/css?family=Rubik' rel='stylesheet' /> <link href='https://fonts.googleapis.com/css?family=Gloria+Hallelujah' rel='stylesheet' /> <link rel='stylesheet' type='text/css' href='https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css' /> <link rel='stylesheet' type='text/css' href='https://cdnjs.cloudflare.com/ajax/libs/normalize/4.2.0/normalize.min.css' /> </head> <body> <div id='root'></div> <script type='text/javscript' src='main.js'></script> </body> </html>