Typedjs

How to use

Copy-paste the following <script> near the end of your pages under JS Implementing Plugins to enable it.

        
          <script src="../node_modules/typed.js/lib/typed.min.js"></script>
        
      

Copy-paste the following <script> near the end of your pages under JS Implementing Plugins to enable it.

        
          <script src="../assets/js/hs.typed.js"></script>
        
      

Copy-paste the init function under JS Plugins Init., before the closing </body> tag, to enable it.

        
          <script>
            (function() {
              // INITIALIZATION OF TEXT ANIMATION (TYPING)
              // =======================================================
              const typed = HSCore.components.HSTyped.init('.js-text-animation')
            });
          </script>
        
      

Example

              
                <p>
                  Your company will look
                  <span class="js-text-animation text-primary fw-bold"
                      data-hs-typed-options='{
                        "strings": ["more professional.", "perfect in every way.", "astonishing."],
                        "typeSpeed": 60,
                        "loop": true,
                        "backSpeed": 25,
                        "backDelay": 1500
                      }'></span>
                </p>