DEV Community

Cover image for Terminal Animation completely using JavaScript
Mr.Shah
Mr.Shah

Posted on

Terminal Animation completely using JavaScript

If you are following me you already know that we have made Terminal Animation using Typed.js library. It was also a marvelous library.

But this time we are going to code completely using JavaScript. Main advantage of creating this with complete JavaScript you can also implement it in your WordPress, Wix or Gatsby Js Website while sometimes error occurs while using this animation with Typed.js

JavaScript Developer

So let's dive into code 🤘

If you want to increase or decrease typing speed than change in this code:

const normalSpeed = Math.random() * (100 -50) + 100
// Simply increase or decrease last number [100] 
Enter fullscreen mode Exit fullscreen mode

Want to change the Strings? Change this code:

const phrases = ['Hello, my name is Shah Stavan.', 'I love to code.', 'I love to teach.']
// Add your Strings 
Enter fullscreen mode Exit fullscreen mode

Hope you have enjoyed this POST 😁✌️

Discussion (3)

Collapse
arminmon profile image
Armin Monirzadeh

The effect will become useless when the line breaks.

Collapse
lioness100 profile image
Lioness100

🤯

Collapse
shahstavan profile image
Mr.Shah Author

😏