Decode Text

A zero-dependency rAF engine that boils scrambled glyphs into words.

Preview

Layout

Order

Typeface

Charset

Speed8ms/charMutate18HzBoil0.35Line spread0.30

Text**highlight**

TypeScript

decodeText(el, {
  layout: 'grow',
  order: 'shuffle',
  durationPerChar: 0.008,
  mutationHz: 18,
  boil: 0.35,
  lineSpread: 0.30,
});

pnpm dlx shadcn@latest add https://buxx.me/r/decode-text

TypeScript

import { DecodeTextPreview } from '@/components/ui/decode-text';

export function Example() {
  return <DecodeTextPreview />;
}

import { DecodeTextPreview } from '@/components/ui/decode-text';

export function Example() {
  return <DecodeTextPreview />;
}

Reveal timing after Soulwire's power-front scheduling.