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
chor measured longest-message mode - Text direction controls for
auto,ltr, andrtl - 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, andmark - 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
