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:
https://github.com/beavercoding2022/uni-typer

Development repository:
https://github.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