sc81

<p><iframe loading="lazy" title="ScBlocks intro" width="750" height="422" src="https://www.youtube.com/embed/W0eIGbPa0TQ?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p>ScBlocks is a collection of advanced and powerful blocks. This plugin provides multiple options for each block so you can easily change the styles, attributes, and contents of the blocks. With this plugin, you can create any kind of layout with beautiful content.</p>
<h4>Container</h4>
<p>This is the base block that allows you to organize your content into sections.</p>
<h4>Columns</h4>
<p>Build any layout by using flexible columns.</p>
<h4>Heading</h4>
<p>Create headlines with advanced typography.</p>
<h4>Buttons</h4>
<p>Prompt visitors to take action with a beautiful buttons.</p>
<h4>Source files</h4>
<p><a href="https://github.com/sc81/scblocks" rel="nofollow ugc">github</a></p>


ScBlocks – Page Builder Gutenberg Blocks

Hi SC,

Thanks for you effort, i am waiting for the settings area using React options, hope this will improve the usage and speed, good luck :)

Lightweight and has very good options

A collection of Gutenberg Blocks that help you build WordPress sites.

Sajedeh Gooklani

Mahdi Yazdani

MyPreview

<p>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.</p>
<p><strong>Key Features</strong></p>
<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.

ScBlocks – Page Builder Gutenberg Blocks vs Container Block