unstable-text

Text that refuses to sit still. Add ambient scramble, decrypt, corruption, and neon signal noise to any interface.

$npm install unstable-text

View on GitHub View on npm

01LIVE SIGNALS

Every sample is running now.

Click any signal to fire it again.

01CORRUPT_CHAR

trigger(el, 'corruptChar', { duration: 1800 })

02BLIP_CHAR

trigger(el, 'blipChar', { duration: 2800 })

03SLOW_DECRYPT

trigger(el, 'fullScramble', { speedMultiplier: 1.7 })

04WORD_SWAP

trigger(el, 'swapWords', { duration: 2200 })

05JITTER_PULSE

trigger(el, 'jitterChar', { duration: 2400 })

// RX.04 NODE:NULL SIGNAL/TRACE
▓▒░ channel drift detected at 03:17:44
RECONSTRUCTING WORD BOUNDARIES
latency: 004ms / integrity: uncertain

MEMORY SECTOR 0x7F
DO NOT NORMALIZE THE MESSAGE
[██████░░░] CARRIER LOCK
the text remembers another shape

02QUICK START

A few lines. Then let it drift.

Full README

ambient.js

import { AmbientGlitch } from 'unstable-text';

const scheduler = new AmbientGlitch.Scheduler({
  container: document.querySelector('#signal'),
  speedMultiplier: 'FAST'
});
scheduler.start();

manual-trigger.js

AmbientGlitch.trigger(element, 'neonColorChar', {
  neonColor: '#ff0055',
  glowIntensity: 'intense'
});

03TUNE THE NOISE

Controlled instability.

SPEED

Five presets from VERY_FAST to VERY_SLOW.

WEIGHTS

Shape the mix by weighting individual effects.

NEON

Preset or custom colors with adjustable glow intensity.

OVERRIDES

Use data-glitch-* attributes on individual elements.

MOTION

Reduced-motion preferences are respected automatically.