Vue component for Typing effect

Introduction

With this plugin you can render a typing effect on your application or website. It may be configured to have a fixed text, and any number of typed texts. It also allows to define speed and delays. Please check the configuration section for further details.

You can see an example on my website http://www.robertogallea.com

Installation

You can install the package using npm with:

npm i vue-typed-text

Usage

In order to use the package, import it in your main assets

 1import VueTyping from 'vue-typed-text'
 2
 3Vue.use(VueTyping)

Then you can use it in your application

Example

 1<text-typing fixed-text="Read while I type about"
 2             :texts="['Javascript', 'Vue', 'Anything else', 'Do you like it?']"
 3             :speed="100"
 4             :delay="3000"
 5             fixed-text-class="text-white"
 6             dynamic-text-class="text-teal-200"
 7             caret-class="text-white"></text-typing>

Configuration