Stroke by stroke typing effect Block

Stroke by stroke typing effect Block is a dynamic block for WordPress sites that need expressive text motion without sacrificing accessibility or graceful fallbacks.

Its typing playback is built on top of UniTyper by Beaver Coding:

com/beavercoding2022/uni-typer

Development repository:

com/imjlk/k-typewriter

Use it for:

• Homepage hero copy

• Product callouts

• Announcement banners

• Event pages

• Multilingual headline rotations

• Inline keyword rotators inside rows and grouped layouts

Key features:

• Multiple messages with one message per line

• Configurable typing, deleting, and pause timing

• Optional start delay with first-start, every-cycle, and every-reentry timing modes

• Optional looping, viewport start, and replay-on-re-entry behavior

• Cursor controls for visibility, animation mode, thickness, height, and offset

• First-message static fallback by default, with an optional custom fallback override

• Auto-generated non-visual summary with optional override text

• Inline layout support with width reservation in ch or measured longest-message mode

• Text direction controls for auto, ltr, and rtl

• Start animation only when the block enters the viewport

• Dynamic rendering for SEO-friendly first paint and no-JavaScript fallback

• Reduced-motion support for visitors who prefer less animation

• Semantic tag selection for p, div, span, h1 – h6, strong, em, small, and mark

• Support for theme typography, spacing, and color tools

• Bundled patterns for hero headlines, inline keyword rotators, announcement strips, feature spotlights, multilingual sections, split launch heroes, editorial leads, 404 prompts, and terminal-style loading sequences