uicore

<p>UiCore Blocks extends the WordPress Gutenberg editor with <strong>flexible</strong> and <strong>performant</strong> blocks, empowering users to create modern and visually stunning websites effortlessly.</p>
<h3>Features</h3>
<ul>
<li>
<p><strong>Flexible and Modular Design</strong><br />
Each block includes common responsive settings along with specific customization options, such as:</p>
<ul>
<li>Display and layout options</li>
<li>Backgrounds with layered effects</li>
<li>Shadows with layer controls</li>
<li>Filters and transforms</li>
<li>Custom attributes</li>
<li>Custom cursors</li>
<li>Animations and transitions</li>
<li>Advanced Typography controlls<br />
…and more</li>
</ul>
</li>
<li>
<p><strong>Responsive Controls</strong><br />
Easily customize any element of a block using an intuitive set of responsive controls for fine-tuned adjustments.</p>
</li>
<li>
<p><strong>Animations Support</strong><br />
Integrates seamlessly with <strong>UiCore Animate</strong> (free plugin) to add entrance and scroll animations.</p>
</li>
<li>
<p><strong>Block Presets</strong> <em>(Coming Early 2025)</em><br />
Pre-designed block presets will simplify the process for beginners, enabling quick setups while retaining flexibility for advanced users.</p>
</li>
</ul>
<h3>🚀 PRO Widgets</h3>
<p><strong>All PRO widgets are available with <a href="https://uicore.pro/" rel="nofollow ugc">UiCore PRO</a> theme, unlocking powerful WooCommerce functionalities.</strong></p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/xlAEUTuZWAg?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h3>Who is it For?</h3>
<ul>
<li><strong>Professionals and Designers</strong> who want to leverage Gutenberg to its fullest potential.  </li>
<li><strong>Beginners</strong> who will benefit from ready-to-use block presets (<em>coming early 2025</em>).</li>
</ul>
<h3>Requirements</h3>
<ul>
<li>WordPress 5.8 or higher</li>
<li>PHP 7.4 or higher</li>
<li>Recommended: <strong>UiCore Animate</strong> for animation features</li>
</ul>
<h3>Usage</h3>
<ol>
<li>After activation, go to the Gutenberg editor.</li>
<li>Add new blocks from the “UiCore Blocks” category.</li>
<li>Use the responsive controls and customization settings to style blocks as desired.</li>
</ol>
<h3>Support</h3>
<p>For any issues, questions, or feedback, visit our <a href="https://wordpress.org/support/plugin/uicore-blocks/" rel="ugc">support forum</a>.</p>
<h3>Feedback</h3>
<p>Love <strong>UiCore Blocks</strong>? Leave us a review in the <a href="https://wordpress.org/plugins/uicore-blocks/" rel="ugc">WordPress Plugin Repository</a>!</p>


UiCore Blocks – Free WordPress Gutenberg Blocks

Gutenberg on Steroids! Extend your editor with powerful, flexible, and modular blocks to unlock limitless design possibilities.

Takashi Kitajima

まーちゅう

<p>The Snow Monkey Editor is a plugin that extends the block editor.</p>
<p>GitHub: https://github.com/inc2734/snow-monkey-editor/</p>
<h4>Formatter</h4>
<p>Click Snow Monkey button in toolbar.</p>
<ul>
<li>Text badge</li>
<li>Text background color</li>
<li>Text font size</li>
<li>Text highlighter</li>
<li>Text color</li>
<li>Text gradient</li>
<li>Text letter spacing</li>
<li>Line break per screen size</li>
<li>Format clear</li>
</ul>
<h4>Extensions</h4>
<p>You can settings in inspector.</p>
<ul>
<li>Hide on smartphone size or tablet size or PC size. (Using media query)</li>
<li>Hide by user roles. (Using <code>render_block</code> filter hook. If it does not pass this filter, it is ignored)</li>
<li>Scroll animation</li>
<li>Publish date time settings</li>
<li>Unpublish date time settings</li>
<li>Edit lock by user roles. (Only administrators can set it)</li>
</ul>
<h4>Block presets</h4>
<p>This feature allows you to save the settings of a block and set them for other blocks of the same type at the touch of a button.</p>
<p>(The number of blocks/attributes that can be used by the block preset feature is limited by default.)</p>
<h4>Block styles</h4>
<p>There can be used in paragraph blocks, group blocks, image blocks, etc.</p>
<ul>
<li>Alert</li>
<li>Alert (Remarks)</li>
<li>Alert (Success)</li>
<li>Alert (Warning)</li>
<li>Fluid shapes</li>
<li>Post-it</li>
<li>Post-it (Narrow)</li>
<li>Shadowed</li>
<li>Speech (Top)</li>
<li>Speech (Right)</li>
<li>Speech (Bottom)</li>
<li>Speech (Left)</li>
<li>List (Arrow)</li>
<li>List (Check)</li>
<li>List (Remarks)</li>
<li>List (Times)</li>
<li>Ordered list (Circle)</li>
<li>Ordered list (Square)</li>
</ul>
<h4>Filter hooks (JavaScript)</h4>
<p><strong>SnowMonkeyEditor.extension.allowedNameSpaces</strong></p>
<p>JavaScript</p>
<pre><code>import { addFilter } from '@wordpress/hooks';

addFilter(
  'SnowMonkeyEditor.extension.allowedNameSpaces',
  'snow-monkey-blocks/apply-snow-monkey-editor-extensions',
  ( allowedNameSpaces, extensionName ) => {
    return [
      ...allowedNameSpaces,
      'snow-monkey-blocks',
    ];
  }
);
</code></pre>
<p>PHP</p>
<pre><code>add_action(
    'admin_enqueue_scripts',
    function() {
        $data = "wp.hooks.addFilter(
            'SnowMonkeyEditor.extension.allowedNameSpaces',
            'snow-monkey-blocks/apply-snow-monkey-editor-extensions',
            ( allowedNameSpaces, extensionName ) => {
                return [
                    ...allowedNameSpaces,
                    'snow-monkey-blocks',
                ];
            }
        );";
        wp_add_inline_script(
            'snow-monkey-editor@editor',
            $data
        );
    }
);
</code></pre>
<p><strong>SnowMonkeyEditor.extension.allowedRoles</strong></p>
<p>JavaScript</p>
<pre><code>import { addFilter } from '@wordpress/hooks';

addFilter(
  'SnowMonkeyEditor.extension.allowedRoles',
  'snow-monkey-blocks/apply-snow-monkey-editor-extensions',
  ( allowedNameSpaces, extensionName ) => {
    return [ 'administrator' ];
  }
);
</code></pre>
<p>PHP</p>
<pre><code>add_action(
    'admin_enqueue_scripts',
    function() {
        $data = "wp.hooks.addFilter(
            'SnowMonkeyEditor.extension.allowedRoles',
            'snow-monkey-blocks/apply-snow-monkey-editor-extensions',
            ( allowedRoles, extensionName ) => {
                return [ 'administrator' ];
            }
        );";
        wp_add_inline_script(
            'snow-monkey-editor@editor',
            $data
        );
    }
);
</code></pre>


UiCore Blocks – Free WordPress Gutenberg Blocks vs Snow Monkey Editor