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

1 lines • 5 kB

HTML

View Raw

<!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 /> <link href="/react-typing-animation/styles/main.css" rel="stylesheet"></head> <body> <div id=root></div> <script type=text/javscript src=main.js></script> <script type="text/javascript" src="/react-typing-animation/main.js"></script></body> </html>