vue-typewrite

This Vue.js plugin emulates typing in a text.

DEMO

Usage

Installation

npm i vue-typewrite

in your main.js file

import Vue from 'vue';
import Typewriter from 'vue-typewrite';
 
Vue.use(Typewriter);

In your application

<template>
    <v-type-write text="Hello World!"></v-type-write>
</template>

Configuration

For multiline texts use \n for now.

example

<v-type-write :text="'Multiline \n is also supported'"></v-type-write>
<v-type-write :typeDelay="150" text="I start typing after 150ms"></v-type-write>

contribute

• clone this repo
• npm i
• npm run serve
• make changes on new branch
• update README
• submit PR

Todo

• be able to delete text
• be able to select text
• be able to loop the writing
• accept array of textelements
• render html elements like h1, p etc.
• emit events
• customize caret (like underscore, solid, easing)

License

MIT

Copyright © 2019-Present, René Heinen. All rights reserved.