Skip to main content

Typed.js

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

How to use?

Wrap any block in a parent element with an ID or class and add the same ID in the JS init function of the plugin.

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(".u-text-animation.u-text-animation--typing", {
      strings: ["more professional.", "perfect in every way.", "astonishing."],
      typeSpeed: 130,
      loop: true,
      backSpeed: 50,
      backDelay: 3000
    });
  });
</script>
Copy

Basic example

Your company will look more p| 

<p>
  Your company will look
  <strong class="u-text-animation u-text-animation--typing"></strong>
</p>
Copy