Title: Stroke by stroke typing effect Block Author: Junglei Kim Published: May 10, 2026 Last modified: May 10, 2026 --- Search plugins ![](https://ps.w.org/sbs-typing-effect-block/assets/banner-772x250.png?rev=3527707) ![](https://ps.w.org/sbs-typing-effect-block/assets/icon-256x256.png?rev=3527707) # Stroke by stroke typing effect Block By [Junglei Kim](https://profiles.wordpress.org/imjlk/) [Download](https://downloads.wordpress.org/plugin/sbs-typing-effect-block.1.0.0.zip) * [Details](https://wordpress.org/plugins/sbs-typing-effect-block/#description) * [Reviews](https://wordpress.org/plugins/sbs-typing-effect-block/#reviews) * [Installation](https://wordpress.org/plugins/sbs-typing-effect-block/#installation) * [Development](https://wordpress.org/plugins/sbs-typing-effect-block/#developers) [Support](https://wordpress.org/support/plugin/sbs-typing-effect-block/) ## Description 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 ## Screenshots * [[ * Editing inline layout, width reservation, and message timing in the block sidebar. * [[ * A starter pattern gallery showing multiple ready-to-use front-end layouts. * [[ * Editor and front-end parity for the same inline typewriter pattern. * [[ * The same starter pattern gallery viewed inside the block editor canvas. ## Blocks This plugin provides 1 block. * Stroke by stroke typing effect Block Animate multilingual headlines, notices, and hero copy with a polished typewriter effect. ## Installation 1. Upload the plugin files to the `/wp-content/plugins/sbs-typing-effect-block` directory, or install the plugin through the WordPress plugins screen. 2. Activate the plugin through the `Plugins` screen in WordPress. 3. Open the block editor and insert the `Stroke by stroke typing effect Block`. 4. Add one message per line in the block settings sidebar. 5. Adjust timing, cursor, inline layout, width reservation, loop, and viewport options to match your design. ## FAQ ### Does it work without JavaScript? Yes. By default the first message is rendered on the server so visitors still see meaningful content even if JavaScript does not run. You can also override that visible fallback with a custom fallback message. ### Is reduced motion supported? Yes. Visitors with `prefers-reduced-motion` enabled will see the visible fallback only, without animation. ### Can I control the non-visual summary for assistive technology? Yes. Leave the summary on `Auto-generated` to build a locale-aware summary from every message, or switch the source to `Custom override` and provide your own summary for assistive technology. ### Can I use Korean and English together? Yes. The block is designed for multilingual messaging and works well with Korean, English, Arabic, and mixed-language headlines. Use `Text direction` when you need explicit `ltr` or `rtl` behavior. ### Can I change the HTML tag? Yes. Choose between `p`, `div`, `span`, `h1`–`h6`, `strong`, `em`, `small`, and ` mark` from the block settings. Use `h1` only when the block is the primary page heading. ### Can I keep inline layouts stable while the text changes? Yes. Turn on `Inline layout` and use `Inline width reserve` with either `Characters( ch)` or `Measure longest message` to keep inline keyword rotators and row layouts steadier. ### Does it support a WordPress Playground preview? Yes. The plugin includes a WordPress.org Playground blueprint, so maintainers can enable a one-click preview from the plugin’s Advanced view after deployment. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Stroke by stroke typing effect Block” is open source software. The following people have contributed to this plugin. Contributors * [ Junglei Kim ](https://profiles.wordpress.org/imjlk/) [Translate “Stroke by stroke typing effect Block” into your language.](https://translate.wordpress.org/projects/wp-plugins/sbs-typing-effect-block) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/sbs-typing-effect-block/), check out the [SVN repository](https://plugins.svn.wordpress.org/sbs-typing-effect-block/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/sbs-typing-effect-block/) by [RSS](https://plugins.trac.wordpress.org/log/sbs-typing-effect-block/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.0 * First public release. * Added a dynamic, Interactivity API-powered typewriter block. * Added viewport-aware animation start, replay-on-re-entry, reduced-motion support, and graceful no-JS fallback. * Added inline layout, width reservation, text direction controls, and detailed cursor controls. * Added bundled starter and advanced patterns, WordPress Playground demos, packaging, local `wp-env` tooling, smoke tests, and release workflows. ## Meta * Version **1.0.0** * Last updated **21 hours ago** * Active installations **Fewer than 10** * WordPress version ** 6.6 or higher ** * Tested up to **6.9.4** * PHP version ** 8.0 or higher ** * Tags * [block](https://wordpress.org/plugins/tags/block/)[headline](https://wordpress.org/plugins/tags/headline/) [hero](https://wordpress.org/plugins/tags/hero/)[multilingual](https://wordpress.org/plugins/tags/multilingual/) [Typewriter](https://wordpress.org/plugins/tags/typewriter/) * [Advanced View](https://wordpress.org/plugins/sbs-typing-effect-block/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/sbs-typing-effect-block/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/sbs-typing-effect-block/reviews/) ## Contributors * [ Junglei Kim ](https://profiles.wordpress.org/imjlk/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/sbs-typing-effect-block/)