Text Shuffle Animation In Pure JavaScript – shuffle-text.js

Preview:

Description:

shuffle-text.js is a pure JavaScript library that presents your text letter by letter with a character shuffle animation.

Install it via NPM:

$ npm install shuffle-text

How to use it:

Just import the shuffle-text.js into the html page and we’re ready to go.

<script src="shuffle-text.js"></script>

Create a new instance of the ShuffleText and specify the text container as this:

var el = document.getElementById("myText");
var text = new ShuffleText(el);

Start the shuffle animation:

text.start();

Stop the shuffle animation:

text.stop();

Re-set the text to animate:

text.setText(text: string);

Changelog:

12/04/2025

• v0.5.1

07/24/2024

• v0.3.5

10/02/2021

• v0.3.5

05/06/2021

• v0.3.4

02/21/2021

• v0.3.2

07/11/2020

• v0.3.1

08/30/2018

• v0.3.0

10/01/2018

• v0.2.8