JavaScript Library To Obfuscate And Reveal Text – baffle

Category: Animation , Javascript , Recommended , Text | August 8, 2016
Author: camwiegert
Views Total: 1,568 views
Official Page: Go to website
Last Update: August 8, 2016
License: MIT


JavaScript Library To Obfuscate And Reveal Text – baffle


baffle.js is a small JavaScript library used to obfuscate and reveal your text with a shuffle animation.

How to use it:

Include the minified version of baffle.js script on the html document.

<script src="baffle.min.js"></script>

Call the Baffle on the element containing text you want to obfuscate.

// With a CSS selector
let a = baffle('.text');

// With a Node
let a = baffle(document.querySelector('.text'));

// With a NodeList
let a = baffle(document.querySelectorAll('p'));

Call the Baffle with some options.

let a = baffle('.text', {

    // default options
    characters: 'abcdefghijklmnopqrstuvwxyz',
    speed: 75 // animation speed


Obfuscates each element once.


Start the obfuscate animation.


Stop the animation.


Reveal the text.


Reveal the text over 5000ms


You Might Be Interested In:

Leave a Reply