Typed.js

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

Typed.js documentation

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

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>
Copy

Basic example

Your company will look | 

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

SCSS

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