OlumWriter is a lightweight and flexible library for adding an amazing typing writing effect to your web applications, written in vanilla js.

typewriter effect with alternating text, typewriter effect js, typewriter animation css, typewriter js, typewriter effect css multiple lines, typewriter effect html

How to make use of it:

1. Create a container in which the text will be written.

<div id="writer"></div>

2. Download the OlumWriter JavaScript library.

<script src="olum-writer.min.js"></script>

3. Initialize the OlumWriter and specify the set of strings to be written.

new OlumWriter({
    container: document.getElementById("writer"),
    sentences: ["Sentence one", "Sentence two", "Sentence three"],
});

4. Set the time between each sentence.

new OlumWriter({
    container: document.getElementById("writer"),
    sentences: ["Sentence one", "Sentence two", "Sentence three"],
    interval: 3000,
});

5. Customize animation speed.

new OlumWriter({
    container: document.getElementById("writer"),
    sentences: ["Sentence one", "Sentence two", "Sentence three"],
    speed: 2000,
});

6. Specify whether to enable background writing.

new OlumWriter({
    container: document.getElementById("writer"),
    sentences: ["Sentence one", "Sentence two", "Sentence three"],
    reverse: true,
});

Render Text In A Typewriter Style, olum-writer Plugin/Github

See Demo And Download

Official Website(olumjs): Click Here

This superior jQuery/javascript plugin is developed by olumjs. For extra Advanced Usages, please go to the official website.