DEV Community

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

Posted on

26 6

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 😁✌️

AWS Security LIVE!

Join us for AWS Security LIVE!

Discover the future of cloud security. Tune in live for trends, tips, and solutions from AWS and AWS Partners.

Learn More

Top comments (3)

Collapse
 
lioness100 profile image
Lioness100 β€’

🀯

Collapse
 
shahstavan profile image
Mr.Shah β€’

😏

Some comments may only be visible to logged-in visitors. Sign in to view all comments.

SurveyJS custom survey software

JavaScript Form Builder UI Component

Generate dynamic JSON-driven forms directly in your JavaScript app (Angular, React, Vue.js, jQuery) with a fully customizable drag-and-drop form builder. Easily integrate with any backend system and retain full ownership over your data, with no user or form submission limits.

Learn more

πŸ‘‹ Kindness is contagious

Please leave a ❀️ or a friendly comment on this post if you found it helpful!

Okay