Ashish Dobani

<p>This plugin adds UIkit components as Gutenberg blocks.</p>
<h4>Features</h4>
<ul>
<li>Supports UIkit 3</li>
<li>Block templates can be overwritten in your theme</li>
</ul>
<h4>Available Blocks</h4>
<ul>
<li>Button</li>
<li>Heading</li>
<li>Grid
<ul>
<li>Grid Cell</li>
</ul>
</li>
<li>Countdown</li>
<li>Section</li>
<li>Container</li>
<li>Accordion
<ul>
<li>Accordion Item</li>
</ul>
</li>
<li>Divider</li>
<li>Icon</li>
<li>Card</li>
<li>Image</li>
<li>Overlay (Cover)</li>
<li>List
<ul>
<li>List Item</li>
</ul>
</li>
</ul>
<h4>UIkit library</h4>
<p>Please be aware that this plugin does not include the UIkit library in your website. You need to do this by yourself. We decided not to include the library so that you can modify UIkit to your own needs before loading it.</p>
<p>You’ll find an example how to include it in your theme’s <code>functions.php</code> in the <a href="https://github.com/dobaniashish/uikit-blocks#uikit-library" rel="nofollow ugc">documentation</a>.</p>
<h4>Templates</h4>
<p>All blocks are implemented as <a href="https://wordpress.org/gutenberg/handbook/designers-developers/developers/tutorials/block-tutorial/creating-dynamic-blocks/" rel="ugc">dynamic blocks</a>. This makes it possible to overwrite the template of a block in your theme.</p>
<p>To overwrite a block template, you can copy the original template from the plugin into your theme directory in the same path as a starting point and adjust it to your needs.</p>
<h4>Further Information</h4>
<ul>
<li>Documentation: <a href="https://github.com/dobaniashish/uikit-blocks#readme" rel="nofollow ugc">https://github.com/dobaniashish/uikit-blocks#readme</a></li>
<li>WordPress Plugin: <a href="https://wordpress.org/plugins/uikit-blocks" rel="ugc">https://wordpress.org/plugins/uikit-blocks</a></li>
<li>GitHub Repository: <a href="https://github.com/dobaniashish/uikit-blocks" rel="nofollow ugc">https://github.com/dobaniashish/uikit-blocks</a></li>
<li>Changelog: <a href="https://github.com/dobaniashish/uikit-blocks/releases" rel="nofollow ugc">https://github.com/dobaniashish/uikit-blocks/releases</a></li>
<li>Issue tracker: <a href="https://github.com/dobaniashish/uikit-blocks/issues" rel="nofollow ugc">https://github.com/dobaniashish/uikit-blocks/issues</a></li>
</ul>


UIkit Blocks

Qode

Qi Blocks

Qi Blocks is the largest collection of Gutenberg blocks developed by Qode Interactive.

UIkit Blocks vs Qi Blocks