Typed.js

Decorate your website with Typed.js is a library that types, allowing to showcase more texts in a sentence.

Official documentation

For more detailed information and examples, see the official documentation: Typed.js .

How to use?

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

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

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

                  
                    <script>
                      $(document).on('ready', function () {
                        // initialization of text animation (typing)
                        var typed = new Typed(".js-text-animation", {
                          strings: ["more professional.", "perfect in every way.", "astonishing."],
                          typeSpeed: 60,
                          loop: true,
                          backSpeed: 25,
                          backDelay: 1500
                        });
                      });
                    </script>
                  
                

Basic example

Your company will look

                        
                          <p>
                            Your company will look
                            <span class="js-text-animation"></span>
                          </p>
                        
                      

SCSS

SCSS-files of the component can be found here ../../assets/scss/front/vendor/typed.js/

Contact Us