@geepers/text-scramble

Glitchy text transitions with randomized timing. Zero dependencies.

v1.0.1 0 deps ESM

text scramble

Install

npm npm install @geepers/text-scramble

Part of the Geepers npm family.

import { TextScramble } from '@geepers/text-scramble';

const scramble = new TextScramble(document.getElementById('title'));
await scramble.setText('Hello World');

Features

Per-character timing

Each glyph picks its own start and end frame so the scramble feels organic, not a single wipe.

Promise API

setText() resolves when the transition finishes — easy to chain phrases.

Custom charset

Binary, block characters, or your own alphabet. Default set is punctuation noise.

Style the duds

In-flight characters wrap in .dud so you can tint the glitch without touching JS.

Zero dependencies

Vanilla TypeScript, requestAnimationFrame, works in any modern browser.

Respect motion prefs

Pair with prefers-reduced-motion in your app when shipping production UI.