Djordje Arsenovic

<p>The plugin creates custom block called Typewriter. To that block you can add some text, which will appear on the fronted as it was typed out on the<br />
old fashioned typewriter machine.</p>
<p>You can have multiple Typed out elements on the single page or post, or custom post.</p>
<h3>Basic Usage</h3>
<p>Go to the page where you want to add the Typewriter block, after that add new block and find the Typewriter block in the list. When you add it, add some text to the block, save the page and that’s it. You will see the typewrite effect.</p>
<h3>Settings</h3>
<p>1) Curosr – What would you like to appear as cursor for example you can use the pipe character (|) or underscore (_) or something else.<br />
2) Element type – Which tag you should see on the front-end available options: H1 – H6, paragraph, span<br />
3) Loop – Check this checkbox if you want the typing effect to repeat<br />
4) Typing Delay – The delay between each key when typing. By default it’s natural. The higher the delay value the slower the typing speed will be. (0 means natural typing speed).</p>
<h3>Custom developer settings</h3>
<p>This plugin was built by developers for developers in mind that would like to extend the plugin functionality. So both cursor and the wrapper element can have their custom class which you can use in the theme css or where you want.<br />
1) Cursor CSS class<br />
2) Wrapper CSS class</p>
<h3>Words Settings</h3>
<p>Words panel in the block options is a special feature of the plugin where you can add some words which will be deleted and typed one by one. Checkout screenshots for easier understanding.</p>
<p>This can be done by it’s own or in combination with the text from the post.</p>
<p>For example:<br />
In the post and typewriter block add some spaces and then in the words section add: Pancakes, PopCorn, Chocolate<br />
Only those words will replace each other.</p>
<p>Or another example you could add a text in the Typewriter element:<br />
“I like ” and same words in the words section of the block settings then those words will replace each other but with the prefix of I like.</p>


Typewriter block

Block that uses css animation to make the text appears like it was written on the old-fashioned typewriter machine

Automattic

John Godley

Marcus Kazmierczak

<p>Want to create a column-based layout with easily customizable column-width and positions? Or perhaps you want to align your content to a global layout grid across your post. With this Layout Grid block you can do both or either. There are also options to provide specific layouts to mobile or tablet breakpoints. Pick a number of columns (1-4), then go ahead and resize and position each column as you want them to look, for any screen. Optionally apply background colours and paddings to add emphasis.</p>
<h3>Source and Support</h3>
<p>You can follow development, file an issue, suggest features, and view the source at the Github repo: <a href="https://github.com/automattic/block-experiments" rel="nofollow ugc">https://github.com/automattic/block-experiments</a></p>


Layout Grid Block

Started using this block layout on a WordPress.com site as it was just there by default, then when I realised it wasn't available on my WordPress sites, I had to go get it. Very handy layout...

Very handy layout

Already working really well. It's clean and solid and intuitive. I'm working with it with the Kadence theme and it's excellent. Hope to see this in Gutenberg core soon!

Works really well


The is a more flexible replacement for the standard columns block. If you've ever battled with the standard columns to make multi-column components that adapted at mobile, tablet and desktop then I would definitely recommend this block.


A more flexible replacement for the standard columns block


Great block that allows placing and resizing blocks in a more flexible way than the regular columns block. I hope it is continually supported.


Great block!

A Gutenberg container block to let you align items consistently across a global grid.

Typewriter block vs Layout Grid Block