Skip to main content
Home
Browse packagesDocsSign in
This release is 5 versions behind 1.0.14 — the latest version of @a4banana/a4b-shuffler. Jump to latest

@a4banana/a4b-shuffler@1.0.0

a4banana/a4b-shuffler

Text shuffling animation library with random character transitions

This package works with Cloudflare Workers, Node.js, Deno, Bun, Browsers
This package works with Cloudflare Workers
This package works with Node.js
This package works with Deno
This package works with Bun
This package works with Browsers
JSR Score
100%
Published
a year ago (1.0.0)

A4B-Shuffler

Text shuffling animation library with random character transitions.

Installation

import { A4BShuffler } from "@a4banana/a4b-shuffler"

Usage

const shuffler = A4BShuffler('Text To Shuffle', 2.5)

// Progress from 0 to 1
shuffler.getShuffledTextByProgress(0)      // "-------------"       (Initial state)
shuffler.getShuffledTextByProgress(0.25)   // "--xt T- sh--f--"    (Random characters)
shuffler.getShuffledTextByProgress(0.5)    // "Te-t To Sh-f-le"    (Mix of real and random)
shuffler.getShuffledTextByProgress(0.75)   // "Text To Sh-ffle"    (Nearly complete)
shuffler.getShuffledTextByProgress(1)      // "Text To Shuffle"    (Final state)

API

A4BShuffler(text: string, delay: number = 2.5)

  • text: Original text
  • delay: Animation delay multiplier (default: 2.5)

Returns:

  • getShuffledTextByProgress(progress: number): Get shuffled text at specified progress (0-1)

License

MIT

New Ticket: Report package

Please provide a reason for reporting this package. We will review your report and take appropriate action.

Please review the JSR usage policy before submitting a report.

Add Package

deno add jsr:@a4banana/a4b-shuffler

Import symbol

import * as a_b_shuffler from "@a4banana/a4b-shuffler";
or

Import directly with a jsr specifier

import * as a_b_shuffler from "jsr:@a4banana/a4b-shuffler";

Add Package

pnpm i jsr:@a4banana/a4b-shuffler
or (using pnpm 10.8 or older)
pnpm dlx jsr add @a4banana/a4b-shuffler

Import symbol

import * as a_b_shuffler from "@a4banana/a4b-shuffler";

Add Package

yarn add jsr:@a4banana/a4b-shuffler
or (using Yarn 4.8 or older)
yarn dlx jsr add @a4banana/a4b-shuffler

Import symbol

import * as a_b_shuffler from "@a4banana/a4b-shuffler";

Add Package

vlt install jsr:@a4banana/a4b-shuffler

Import symbol

import * as a_b_shuffler from "@a4banana/a4b-shuffler";

Add Package

npx jsr add @a4banana/a4b-shuffler

Import symbol

import * as a_b_shuffler from "@a4banana/a4b-shuffler";

Add Package

bunx jsr add @a4banana/a4b-shuffler

Import symbol

import * as a_b_shuffler from "@a4banana/a4b-shuffler";