baffle

baffle.js

baffle is a tiny (~1.6kb) javascript utility for obfuscating and revealing text in DOM elements.

Getting Started

Step 0: Install

Download the latest release or install with npm.

npm install --save baffle

Step 1: Reference

If you linked baffle directly in your HTML, you'll find baffle at window.baffle. If you're using a module bundler, you'll need to import baffle.

// CommonJS
let baffle = require('baffle');

// ES6
import baffle from 'baffle';

Step 2: Initialize

To initialize baffle, all you need to do is call it with a selector. You'll want to keep a reference to the instance.

// Attaches baffle to any DOM element with class 'baffle'.
let b = baffle('.baffle');

Step 3: Use It

Once you have a baffle instance, you have access to all of the baffle methods. Usually, you'll want to b.start() and, eventually, b.reveal().

// Start obfuscating...
b.start();
// ...and eventually reveal.
b.reveal();