Junglei Kim

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:
<ul>
<li>Homepage hero copy</li>
<li>Product callouts</li>
<li>Announcement banners</li>
<li>Event pages</li>
<li>Multilingual headline rotations</li>
<li>Inline keyword rotators inside rows and grouped layouts</li>
</ul>
Key features:
<ul>
<li>Multiple messages with one message per line</li>
<li>Configurable typing, deleting, and pause timing</li>
<li>Optional start delay with first-start, every-cycle, and every-reentry timing modes</li>
<li>Optional looping, viewport start, and replay-on-re-entry behavior</li>
<li>Cursor controls for visibility, animation mode, thickness, height, and offset</li>
<li>First-message static fallback by default, with an optional custom fallback override</li>
<li>Auto-generated non-visual summary with optional override text</li>
<li>Inline layout support with width reservation in <code>ch</code> or measured longest-message mode</li>
<li>Text direction controls for <code>auto</code>, <code>ltr</code>, and <code>rtl</code></li>
<li>Start animation only when the block enters the viewport</li>
<li>Dynamic rendering for SEO-friendly first paint and no-JavaScript fallback</li>
<li>Reduced-motion support for visitors who prefer less animation</li>
<li>Semantic tag selection for <code>p</code>, <code>div</code>, <code>span</code>, <code>h1</code>–<code>h6</code>, <code>strong</code>, <code>em</code>, <code>small</code>, and <code>mark</code></li>
<li>Support for theme typography, spacing, and color tools</li>
<li>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</li>
</ul>

Stroke by stroke typing effect Block

Animate headlines, notices, and hero copy with a polished typewriter block that works beautifully with multilingual text.

Ѧwesomə Pøssum ❤️

Bring a splash of creativity to your WordPress site with Awesomesauce Blocks! Transform your content with unique blocks that defy the ordinary. From dazzling text effects and mesmerizing particle animations to cutting-edge data blocks, this plugin is your gateway to a website that stands out. 🚀✨
Features: 
– CSS Text Effects: Ultra-lightweight effects using just HTML and CSS! Create captivating text animations effortlessly. 
– JS Text Effects: From the Matrix effect to text shuffling and typewriter animations, explore a range of dynamic text effects. 
– Particle Effects: Add visual flair with effects like Bokeh, Crystals, Snow, Space travel and more. 
– Clocks: Display time with style using Analog, Neon, Text and other innovative clock designs. 
– Data Blocks: Showcase information with unique blocks for Barcode, Braille, Maxi code, Morse code and QR code.
<h3>JavaScript Libraries</h3>
The non-minified versions of all JavaScript library files used in Awesomesauce Blocks are publicly available on GitHub: <a href="https://github.com/awesomesaucewp/" rel="nofollow ugc">Awesomesauce Blocks GitHub Repository</a>. Additionally, the minified JS files included in the plugin contain comments with links to their original, non-minified versions for reference.

Awesomesauce Blocks

Awesomesauce blocks for your WordPress website with ultra lightweight codes and extraterrestrial design! (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧

Stroke by stroke typing effect Block vs Awesomesauce Blocks