Sajedeh Gooklani

Mahdi Yazdani

MyPreview

A fully customizable Gutenberg editor block used for wrapping several blocks in a parent wrapper, which enables you to do more sophisticated styling as well.
Key Features
<ul>
<li>Maximum width</li>
<li>Full-height
<ul>
<li>Vertically align top.</li>
<li>Vertically align center.</li>
<li>Vertically align bottom.</li>
</ul>
</li>
<li>Scroll down icon — A scrolling mouse wheel animation that will offer direction to the user.
<ul>
<li>Element ID — Smoothly scroll the window to a specific element or tag ID within the page.</li>
<li>Color</li>
</ul>
</li>
<li>Visibility
<ul>
<li>Desktop</li>
<li>Laptop</li>
<li>Tablet</li>
<li>Smartphone</li>
</ul>
</li>
<li>Horizontal spacing
<ul>
<li>Desktop</li>
<li>Laptop</li>
<li>Tablet</li>
<li>Smartphone</li>
</ul>
</li>
<li>Alignment
<ul>
<li>Desktop</li>
<li>Laptop</li>
<li>Tablet</li>
<li>Smartphone</li>
</ul>
</li>
<li>Link to
<ul>
<li>Page address or URL.</li>
<li>Open in a new window.</li>
</ul>
</li>
<li>Border
<ul>
<li>Width — Sets a width for the borders.</li>
<li>Radius — Defines the radius of the corners.</li>
<li>Color</li>
</ul>
</li>
<li>Shadow — Adds a box-shadow to the block.</li>
<li>Shape — Multiple shapes to use as separators for sections or as the background graphic.
<ul>
<li>Height — A few of the shapes such as “Simple” are adjustable.</li>
<li>Color</li>
</ul>
</li>
<li>Animation on scroll
<ul>
<li>Type — Allows you to animate elements as you scroll down, and up.</li>
<li>Ease — Timing function to ease elements in different ways.</li>
<li>Offset — Offset to trigger animation sooner or later in pixels.</li>
<li>Delay — Delay the animation.</li>
<li>Duration — Duration of animation.</li>
<li>Run once — Whether animation should fire once, or every time you scroll up/down to the block.</li>
</ul>
</li>
<li>Background image
<ul>
<li>Position — Sets the starting position of the background image; “Focal Point Picker” support.</li>
<li>Repeat — Sets if and how the background image will be repeated.</li>
<li>Size — Sets the size of the background image.</li>
<li>Parallax — Not scrolling the background image with the page.</li>
<li>Sliding background effect — Supports “Left to Right” and vice versa.</li>
</ul>
</li>
<li>Background video</li>
<li>Background color</li>
<li>Overlay opacity</li>
<li>Align full and wide support</li>
<li>Aria label — To define a string that labels the current block. You might use it in cases where the block content is not visible on the screen.</li>
</ul>

Container Block

A Gutenberg editor block used for wrapping several blocks in a parent wrapper.

Binsaifullah

Guten CoreX supercharges your Gutenberg editor by adding powerful features like SVG Icon, Image Masking, Gallery Lightbox, Shape Divider, Entrance Animation, Tooltip, Custom CSS, Responsive Visibility, Iconic Button and List, etc.
<a href="https://gutenlayouts.com" rel="nofollow ugc">Explore GutenLayouts</a>
<h3>Extensions List</h3>
<ul>
<li>Image Masking</li>
<li>Gallery Lightbox</li>
<li>Iconi Button</li>
<li>Iconic List </li>
<li>SVG Icon</li>
<li>Entrance Animation </li>
<li>Custom CSS </li>
<li>Shape Divider</li>
<li>Responsive Visibility</li>
<li>Tooltip for RichText</li>
<li>Special Placeholders for Paragraph</li>
</ul>
<h3>🌟 Key Features</h3>
✅ Tooltip – Add tooltips to any RichText block for better user guidance. 
✅ Masking – Add beautiful masking to image block. 
✅ Lightbox – Add lightbox to image gallery block. 
✅ SVG Icon – Add SVG Font awesome icon to button and list block. 
✅ Entrance Animations – Entrance animations to any blocks. 
✅ Custom CSS – Easily add custom styles to individual blocks directly from the editor. 
✅ Responsive Visibility – Show or hide blocks on desktop, tablet, or mobile. 
✅ Shape Divider – Add beautiful SVG shape dividers above or below blocks. 
✅ Iconic Button – Add icons to buttons with Font Awesome SVG icons. 
✅ Iconic List – Add icons to list items with Font Awesome SVG icons. 
✅ Special Placeholders – Use special placeholders ( Dynamic Current Year, Current Date, Copyright Sign, Trademark Sign, Registred Sign, etc ) for paragraph blocks to enhance content creation. 
✅ Designed to be minimal, fast-loading, and fully optimized for speed. 
✅ Built on top of core blocks; disable anytime without breaking your content. 
✅ Complete Font Awesome SVG icon library included.
<h3>🧩 Perfect For</h3>
<ul>
<li>Bloggers </li>
<li>Web Designers </li>
<li>Agencies </li>
<li>Freelancers </li>
<li>Anyone using the Gutenberg block editor</li>
</ul>

Guten Corex – Supercharge Gutenberg with Powerful Blocks and Entrancement


I have created about 70 Custom ACF Pro/SCF blocks that have animation settings, there is no need for those anymore, so I can get rid of the animations along with the animate.ccs and wow.js files. 



I was also using the Blocks CSS plugin, and this will also replace that - in fact I prefer the way this plugin works over the one I was using.



Overall, I'm very pleased with this plugin.


This will replace some other plugins that I use.

Guten CoreX Extends the Gutenberg core blocks functionality with additional features and styles.

Container Block vs Guten Corex – Supercharge Gutenberg with Powerful Blocks and Entrancement