tsumiki

<p>ZenBlocks extends the WordPress block editor (Gutenberg) with custom blocks and advanced styling controls. Design responsive, professional buttons and UI elements — without writing any code.</p>
<p><strong>Button Basic Block</strong></p>
<p>Create fully customizable buttons with granular control over every visual aspect:</p>
<ul>
<li><strong>Colors & Backgrounds</strong> — Solid color, gradient, or image backgrounds with hover state support</li>
<li><strong>Typography</strong> — Font family, size, weight, line height, and letter spacing</li>
<li><strong>Layout</strong> — Width, height, padding, and margin with fine-grained control</li>
<li><strong>Borders</strong> — Width, style, color, and independent corner radius</li>
<li><strong>Icons</strong> — 1,500+ built-in icons with size, color, and position options</li>
<li><strong>Hover Effects</strong> — Separate styling for hover state with smooth transitions</li>
<li><strong>32 Design Presets</strong> — Start from professionally designed templates and customize freely</li>
</ul>
<p><strong>Responsive Design</strong></p>
<p>Every setting supports 4 breakpoints (PC / Tablet L / Tablet / Mobile) so your buttons look great on all devices. Customize values per device or let them cascade automatically.</p>
<p><strong>Performance</strong></p>
<p>ZenBlocks generates optimized CSS per page — only the styles you actually use are loaded on the frontend. No bloated global stylesheets.</p>
<p><strong>Pro Features (Optional)</strong></p>
<p>Additional features such as animations, thumbnails, and background video are available through a separate plugin (ZenBlocks Pro) from <a href="https://zenblockswp.com/" rel="nofollow ugc">zenblockswp.com</a>.</p>
<h3>Source Code</h3>
<p>This plugin includes compiled JavaScript and CSS files in the <code>build/</code> directory. The original uncompiled source code is included in the <code>src/</code> directory of this plugin.</p>
<p>To build from source:</p>
<ol>
<li>Install Node.js (v18 or later)</li>
<li>Run <code>npm install</code> in the plugin root directory</li>
<li>Run <code>npm run build</code> to generate the production files in <code>build/</code></li>
</ol>
<p>The build process uses <code>@wordpress/scripts</code> (webpack-based).</p>
<h3>External services</h3>
<p>This plugin includes an optional media search feature that connects to third-party image and video APIs. These services are only used when the user configures API keys in the plugin settings and actively searches for media within the block editor. No data is sent to these services during normal frontend usage.</p>
<h4>Unsplash</h4>
<p>Used for searching and importing free-to-use images in the block editor.</p>
<ul>
<li>Data sent: search query, page number</li>
<li>When: only when the user searches for images via the Unsplash media panel in the editor</li>
<li>Service provider: <a href="https://unsplash.com/" rel="nofollow ugc">Unsplash</a></li>
<li>API endpoint: <code>https://api.unsplash.com/</code></li>
<li>Terms of Service: <a href="https://unsplash.com/terms" rel="nofollow ugc">https://unsplash.com/terms</a></li>
<li>Privacy Policy: <a href="https://unsplash.com/privacy" rel="nofollow ugc">https://unsplash.com/privacy</a></li>
<li>API Terms: <a href="https://unsplash.com/api-terms" rel="nofollow ugc">https://unsplash.com/api-terms</a></li>
</ul>
<h4>Pexels</h4>
<p>Used for searching and importing free images and videos in the block editor.</p>
<ul>
<li>Data sent: search query, page number</li>
<li>When: only when the user searches for media via the Pexels media panel in the editor</li>
<li>Service provider: <a href="https://www.pexels.com/" rel="nofollow ugc">Pexels</a></li>
<li>API endpoint: <code>https://api.pexels.com/</code></li>
<li>Terms of Service: <a href="https://www.pexels.com/terms-of-service/" rel="nofollow ugc">https://www.pexels.com/terms-of-service/</a></li>
<li>Privacy Policy: <a href="https://www.pexels.com/privacy/" rel="nofollow ugc">https://www.pexels.com/privacy/</a></li>
</ul>
<h4>Pixabay</h4>
<p>Used for searching and importing free images and videos in the block editor.</p>
<ul>
<li>Data sent: search query, page number</li>
<li>When: only when the user searches for media via the Pixabay media panel in the editor</li>
<li>Service provider: <a href="https://pixabay.com/" rel="nofollow ugc">Pixabay</a></li>
<li>API endpoint: <code>https://pixabay.com/api/</code></li>
<li>Terms of Service: <a href="https://pixabay.com/service/terms/" rel="nofollow ugc">https://pixabay.com/service/terms/</a></li>
<li>Privacy Policy: <a href="https://pixabay.com/service/privacy/" rel="nofollow ugc">https://pixabay.com/service/privacy/</a></li>
</ul>
<h4>Openverse</h4>
<p>Used for searching and importing CC0-licensed images in the block editor.</p>
<ul>
<li>Data sent: search query, page number</li>
<li>When: only when the user searches for images via the Openverse media panel in the editor</li>
<li>Service provider: <a href="https://openverse.org/" rel="nofollow ugc">Openverse</a> (a project by WordPress.org)</li>
<li>API endpoint: <code>https://api.openverse.org/</code></li>
<li>Terms of Service: <a href="https://openverse.org/terms-of-use" rel="nofollow ugc">https://openverse.org/terms-of-use</a></li>
<li>Privacy Policy: <a href="https://openverse.org/privacy" rel="nofollow ugc">https://openverse.org/privacy</a></li>
</ul>
<h4>ZenBlocks Pro Services (zenblockswp.com)</h4>
<p>Used for retrieving Pro upgrade pricing information on the plugin settings page.</p>
<ul>
<li>Data sent: locale (for currency conversion)</li>
<li>When: only when the admin settings page is loaded</li>
<li>Service provider: <a href="https://zenblockswp.com/" rel="nofollow ugc">ZenBlocks</a> (Tsumiki LLC.)</li>
<li>API endpoint: <code>https://zenblockswp.com/wp-json/zenblocks/v1/pricing</code></li>
<li>Terms of Service: <a href="https://zenblockswp.com/terms" rel="nofollow ugc">https://zenblockswp.com/terms</a></li>
<li>Privacy Policy: <a href="https://zenblockswp.com/privacy" rel="nofollow ugc">https://zenblockswp.com/privacy</a></li>
</ul>
<h4>Icon Libraries (bundled, no external requests)</h4>
<p>This plugin bundles SVG icon data from the following open-source icon libraries. All icon data is included locally within the plugin files — <strong>no external HTTP requests are made to any of these services</strong> at any time (neither in the editor nor on the frontend). The URLs listed below are the project homepages and license references for attribution purposes only.</p>
<ul>
<li>
<p><strong>Feather Icons</strong> — MIT License, by Cole Bemis</p>
<ul>
<li>Website: <a href="https://feathericons.com/" rel="nofollow ugc">https://feathericons.com/</a></li>
<li>License: <a href="https://github.com/feathericons/feather/blob/main/LICENSE" rel="nofollow ugc">https://github.com/feathericons/feather/blob/main/LICENSE</a></li>
</ul>
</li>
<li>
<p><strong>Font Awesome Free</strong> — Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT, by Fonticons Inc.</p>
<ul>
<li>Website: <a href="https://fontawesome.com/" rel="nofollow ugc">https://fontawesome.com/</a></li>
<li>License: <a href="https://fontawesome.com/license/free" rel="nofollow ugc">https://fontawesome.com/license/free</a></li>
</ul>
</li>
<li>
<p><strong>Tabler Icons</strong> — MIT License, by Paweł Kuna & Tabler Team</p>
<ul>
<li>Website: <a href="https://tabler-icons.io/" rel="nofollow ugc">https://tabler-icons.io/</a></li>
<li>License: <a href="https://github.com/tabler/tabler-icons/blob/main/LICENSE" rel="nofollow ugc">https://github.com/tabler/tabler-icons/blob/main/LICENSE</a></li>
</ul>
</li>
<li>
<p><strong>Heroicons</strong> — MIT License, by Tailwind Labs</p>
<ul>
<li>Website: <a href="https://heroicons.com/" rel="nofollow ugc">https://heroicons.com/</a></li>
<li>License: <a href="https://github.com/tailwindlabs/heroicons/blob/master/LICENSE" rel="nofollow ugc">https://github.com/tailwindlabs/heroicons/blob/master/LICENSE</a></li>
</ul>
</li>
<li>
<p><strong>Lucide Icons</strong> — ISC License, by Lucide Contributors</p>
<ul>
<li>Website: <a href="https://lucide.dev/" rel="nofollow ugc">https://lucide.dev/</a></li>
<li>License: <a href="https://github.com/lucide-icons/lucide/blob/main/LICENSE" rel="nofollow ugc">https://github.com/lucide-icons/lucide/blob/main/LICENSE</a></li>
</ul>
</li>
<li>
<p><strong>Remix Icon</strong> — Apache License 2.0, by Remix Design</p>
<ul>
<li>Website: <a href="https://remixicon.com/" rel="nofollow ugc">https://remixicon.com/</a></li>
<li>License: <a href="https://github.com/Remix-Design/RemixIcon/blob/master/License" rel="nofollow ugc">https://github.com/Remix-Design/RemixIcon/blob/master/License</a></li>
</ul>
</li>
</ul>


ZenBlocks

Custom blocks for the WordPress block editor with responsive controls and advanced button styling.

AyeCode

Paolo

Stiofan

<p>BlockStrap Page Builder — Bootstrap Blocks gives you a selection of Bootstrap blocks that let you craft a whole site, including a header, footer, and even menus.</p>
<p>This plugin, combined with the <a href="https://wordpress.org/themes/blockstrap/" rel="ugc">BlockStrap theme</a>, effortlessly turbocharges your website’s loading speed.</p>
<p>BlockStrap: The Ultimate BootStrap Page Builder for WordPress</p>
<p>Transform your WordPress website with BlockStrap, the ultimate page builder plugin that brings the power of the Bootstrap CSS framework to your fingertips.</p>
<h3>Why Choose BlockStrap?</h3>
<p>BlockStrap is not just a plugin; it’s a complete page builder that gives you the freedom to create any type of theme. It integrates seamlessly with the WordPress block editor, providing a wide range of fully customizable blocks that are easy to use.</p>
<h3>Build Anything with BlockStrap</h3>
<p>Whether you’re building a blog, a Directory, an e-commerce store, a portfolio, or a business website, BlockStrap has got you covered. With over 30+ unique blocks, you can create anything from stylish navigation bars and responsive image galleries to dynamic accordions and interactive maps.</p>
<h3>BlockStrap Free Child Themes</h3>
<ul>
<li><a href="https://wordpress.org/themes/directory/" rel="ugc">Directory Theme</a> – Built for our plugin <a href="https://wordpress.org/plugins/geodirectory" rel="ugc">GeoDirectory</a>, this is the best free <a href="https://wordpress.org/themes/directory/" rel="ugc">WordPress directory theme</a> you will find on WordPress.org.</li>
<li><a href="https://wpgeodirectory.com/downloads/real-estate-directory-theme/" rel="nofollow ugc">Real Estate Theme</a> – Designed specifically for our GeoDirectory plugin, this is the top free WordPress Real Estate theme available. When used alongside the free <a href="https://wpgeodirectory.com/downloads/real-estate-directory/" rel="nofollow ugc">Real Estate Directory add-on </a>, for GeoDirectory, it puts premium real estate themes to shame.</li>
<li><a href="https://wpgeodirectory.com/downloads/job-board-theme/" rel="nofollow ugc">Job Board Theme</a> Seamlessly integrated with GeoDirectory, this theme offers a robust platform for managing and showcasing job opportunities. Whether running a local job board or a large-scale employment site, the Job Board Theme ensures a professional look and smooth user experience.</li>
<li><a href="https://wordpress.org/themes/school/" rel="ugc">School Child Theme</a> Build a professional-looking educational website with the free School Child Theme for Blockstrap. Tailored for academic institutions, this theme provides a clean, user-friendly design that enhances the online presence of schools and educational programs. Fully compatible with the Blockstrap framework, the School Child Theme offers seamless functionality and a professional aesthetic to engage students, parents, and educators alike.</li>
</ul>
<p>Many more BlockStrap Child themes are in the pipeline. We aim to release at least 1 per month.</p>
<h3>Blockstrap Blocks</h3>
<h3>BS > Archive Actions</h3>
<p>This block, perfect for blogs and news sites, allows you to add category selectors and sort options to archive pages.</p>
<h3>BS > Archive Title</h3>
<p>Display your archive titles stylishly and professionally.</p>
<h3>BS > Breadcrumb</h3>
<p>Improve your site navigation with this breadcrumb block.</p>
<h3>BS > Button</h3>
<p>Create stylish and responsive buttons that are highly customizable.</p>
<h3>BS > Container</h3>
<p>This block allows you to create responsive containers for your content. It also doubles as row, column and card blocks.</p>
<h3>BS > Counter</h3>
<p>Display numbers dynamically and engagingly with this counter block.</p>
<h3>BS > Gallery</h3>
<p>Showcase your images in a beautiful and responsive gallery.</p>
<h3>BS > Heading</h3>
<p>Create headings that stand out and match your theme.</p>
<h3>BS > Icon Box</h3>
<p>Add icons to your site with this easy-to-use block.</p>
<h3>BS > Image</h3>
<p>Display your images in a stylish and responsive manner.</p>
<h3>BS > Map</h3>
<p>Add interactive maps to your site with this block.</p>
<h3>BS > Nav</h3>
<p>Create a responsive navigation menu for your site.</p>
<h3>BS > Nav Dropdown</h3>
<p>Add dropdown menus to your navigation with this block.</p>
<h3>BS > Nav Item</h3>
<p>Add individual items to your navigation menu.</p>
<h3>BS > Navbar</h3>
<p>Create a stylish and responsive navigation bar.</p>
<h3>BS > Navbar Brand</h3>
<p>Display your brand/logo in your navigation bar with this block.</p>
<h3>BS > Pagination</h3>
<p>Improve your site navigation with this pagination block.</p>
<h3>BS > Post Excerpt</h3>
<p>Display post excerpts stylishly and engagingly.</p>
<h3>BS > Post Info</h3>
<p>Showcase your post info with this block, including author, dates, comments, reading time, etc.</p>
<h3>BS > Post Title</h3>
<p>Display your post titles stylishly and professionally.</p>
<h3>BS > Search</h3>
<p>Add a search function to your site with this block.</p>
<h3>BS > Shape Divider</h3>
<p>Add stylish dividers to your site with this block.</p>
<h3>BS > Share</h3>
<p>Make it easy for your visitors to share your content with this social share block.</p>
<h3>BS > Skip Links</h3>
<p>Improve your site accessibility with this skip links block.</p>
<h3>BS > Tab</h3>
<p>Create tabs for your content with this block.</p>
<h3>BS > Tabs</h3>
<p>Organize your content in a stylish and responsive tabs layout.</p>
<h3>BS > Accordion</h3>
<p>Display your content in a dynamic accordion layout.</p>
<h3>BS > Accordion Item</h3>
<p>Add individual items to your accordion with this block.</p>
<h3>BS > Contact Form</h3>
<p>Add a simple and easy contact form to your site with this block.</p>
<h3>BS > Rating</h3>
<p>Add star rating icons to your posts. (can also be used to output GeoDirectory post ratings)</p>
<h3>BS > Scroll Top</h3>
<p>Add a button to the page so users can scroll back to the top of the page easily.</p>
<h3>BS > Modal</h3>
<p>Add a modal (popup) to the page containing any content.</p>
<h3>BS > Offcanvas</h3>
<p>Add an Offcanvas element to the page containing any content.</p>
<h3>BS > Alert</h3>
<p>Add an Alert element to the page to show important information.</p>
<h3>BS > Headline</h3>
<p>Add an animated headline to your site, this supports highlight and animations.</p>
<h3>Get BlockStrap Today!</h3>
<p>Take your WordPress site to the next level with the BlockStrap plugin. Experience the power of Bootstrap in your WordPress block editor today!</p>


BlockStrap Page Builder – Bootstrap Blocks

BlockStrap Page Builder - Bootstrap Blocks combines Bootstrap's power with the block editor's versatility.

ZenBlocks vs BlockStrap Page Builder – Bootstrap Blocks