Library

Typing Engine

Scroll to see the power ↓

Implementation Examples

Storyteller

Show Code

// HTML
<div class="typing-slow" data-texts="Once upon a time..., A library was born."></div>

// JavaScript
const element = document.querySelector('.typing-slow');
engine.register(element, {
  delay: 150,
  pause: 3000,
  humanity: 0.5
});

Terminal

Show Code

// HTML
<div class="typing-fast" data-texts="Initializing..., System stable."></div>

// JavaScript
const element = document.querySelector('.typing-fast');
engine.register(element, {
  delay: 40,
  deleteDelay: 20,
  pause: 1000
});

Code Assistant

                    const app = 
                

Show Code

// HTML
<span class="typing-code" data-texts="new Engine(), init(), run()"></span>

// JavaScript
const element = document.querySelector('.typing-code');
engine.register(element, {
  delay: 100,
  deleteDelay: 10,
  humanity: 0.2
});

Interactive Playground

Test your text (comma separated):

Delay (ms):

Delete (ms):

Pause (ms):

Cursor Char:

Humanity: 0.3

Random

Current Implementation Code

                        const app = 
                    