Press "Enter" to skip to content

Javascript Text Scrambler Effect In Vue Component | Glitched Writer

Glitched Writer Vue component is a lightweight npm module for writing text to HTML elements. Highly customizable settings. Decode, decode, obfuscate and simply spell text.

Vue.js Single File Component, as a wrapper for Glitched Writer to simplify its use in Vue.

How to make use of it:

Install and download:

# Vue 2
$ npm i vue-glitched-writer --save

# Vue 3
$ npm i vue-glitched-writer@next --save

1. Import the Glitched writer.

import GlitchedWriter from 'vue-glitched-writer'

2. Register the component.

export default {
  components: {
    GlitchedWriter,
  },
}

3. Add the wrong writer component to the template and select the text you want to animate when the page loads.

<glitched-writer text="Any Text Here" appear />
// or
<glitched-writer :text="text" />
export default {
  components: {
    GlitchedWriter,
  },
  data() {
    return {
     text: 'Your Text',
     options: {
      // options here
     },
    }
 },
}

4. It also comes with no. of presets:

<glitched-writer text="Your Text" preset="neo" />

Text Scramble Effect, Glitched Writer Vue Component Plugin/Github


See Demo And Download

Official Website(thetarnav): Click Here

This superior jQuery/javascript plugin is developed by thetarnav. For extra Advanced Usages, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.