David Arnado

Supercharge your WordPress site with Caledros Basic Blocks – a collection of 18 lightweight, performance-optimized Gutenberg blocks designed to extend the capabilities of the WordPress block editor without slowing down your site.
Unlike many block libraries that add unnecessary bloat, Caledros Basic Blocks focuses on efficiency and speed. Each block is crafted to deliver essential functionality while keeping your site lean.
The plugin includes a built-in CSS stylesheet preloader, ensuring faster page load times by optimizing the delivery of block styles. This feature can be easily disabled if preferred, giving you full control over performance tuning.
<h3>Features</h3>
<ul>
<li>Adds 18 new custom Gutenberg blocks, and 2 new variation blocks. 4 blocks and 1 variation block are only available for header template parts. 1 block (Content Renderer) is limited to templates. </li>
<li>Flex and grid containers blocks included</li>
<li>Dark/Light mode block included</li>
<li>Blocks built with performance and minimalism in mind</li>
<li>Includes a toggleable preloader for CSS stylesheets to improve loading speed</li>
<li>Includes toggleable controls for adding/removing pre-defined CSS styles to the “wp-site-blocks” container.</li>
<li>Enable featured images for post categories</li>
<li>Clean, modern design for seamless visual integration</li>
<li>Fully responsive and compatible with Full Site Editing Themes</li>
</ul>
Perfect for developers, designers, and content creators who want more control and better performance without the overhead of large block libraries.
<h3>More Projects & Information</h3>
For more information about my projects, you can visit my website: <a href="https://caledrosforge.com/" rel="nofollow ugc">caledrosforge.com</a>
<h3>Third Party Resources</h3>
Caledros Basic Blocks bundles the following third-party resources:
<h3>1. Icons</h3>
1.1. Bootstrap Icons, Copyright (c) 2019-2024 The Bootstrap Authors
The icons (SVG files) used in the Icon block, Social Icon block, and the Button Block were downloaded from Bootstrap Icons.
Additionally, the four icons used in the Posts Loop block (user, date, category, and tag) as well as the publications icon in the Category Loop block, were all sourced from Bootstrap Icons.
Bootstrap Icons are licensed under the MIT License.
Source: <a href="https://github.com/twbs/icons" rel="nofollow ugc">Bootstrap Icons Github repository</a> and <a href="https://icons.getbootstrap.com/" rel="nofollow ugc">Bootstrap Icons website</a>
License information last verified on: May 21st, 2025
<h3>2. Libraries</h3>
2.1. Swiper JS, Copyright (c) 2019 Vladimir Kharlampidi
Both the Slider block and the Image Gallery block use the Swiper JS library, which is licensed under the MIT License.
Source: <a href="https://github.com/nolimits4web/swiper" rel="nofollow ugc">Swiper JS Github repository</a> and <a href="https://swiperjs.com/" rel="nofollow ugc">Swiper JS website</a>
License information last verified on: May 14th, 2025
<h3>3. Images</h3>
3.1. Placeholder Mountains (placeholder-mountains.webp, placeholder-mountains.7da2eb2d.webp)
Used in the Category Loop and Posts Loop blocks.
<a href="https://creativecommons.org/publicdomain/zero/1.0/" rel="nofollow ugc">CC0</a> licensed <a href="https://wordpress.org/photos/photo/85161bd2cb/" rel="ugc">photo</a> by <a href="https://wordpress.org/photos/author/mkaz/" rel="ugc">Marcus Kazmierczak</a> from the <a href="https://wordpress.org/photos/" rel="ugc">WordPress Photo Directory</a>
Source: <a href="https://wordpress.org/photos/photo/85161bd2cb/" rel="ugc">WordPress Photo Directory</a>
License information last verified on: September 7th, 2025
3.2. Bird (bird.webp, bird.8dbbb5a8.webp)
Used in the Image Gallery block.
<a href="https://creativecommons.org/publicdomain/zero/1.0/" rel="nofollow ugc">CC0</a> licensed <a href="https://wordpress.org/photos/photo/715678e819/" rel="ugc">photo</a> by <a href="https://wordpress.org/photos/author/snilesh/" rel="ugc">Nilesh Shiragave</a> from the <a href="https://wordpress.org/photos/" rel="ugc">WordPress Photo Directory</a>
Source: <a href="https://wordpress.org/photos/photo/715678e819/" rel="ugc">WordPress Photo Directory</a>
License information last verified on: September 7th, 2025
3.3. Flower (flower.webp, flower.1092b3c8.webp)
Used in the Image Gallery block.
<a href="https://creativecommons.org/publicdomain/zero/1.0/" rel="nofollow ugc">CC0</a> licensed <a href="https://wordpress.org/photos/photo/763688069f/" rel="ugc">photo</a> by <a href="https://wordpress.org/photos/author/churaclicks/" rel="ugc">Chura Bhandari</a> from the <a href="https://wordpress.org/photos/" rel="ugc">WordPress Photo Directory</a>
Source: <a href="https://wordpress.org/photos/photo/763688069f/" rel="ugc">WordPress Photo Directory</a>
License information last verified on: September 7th, 2025
3.4. Mountains (mountains.webp, mountains.2b50cd4a.webp)
Used in the Image Gallery block.
<a href="https://creativecommons.org/publicdomain/zero/1.0/" rel="nofollow ugc">CC0</a> licensed <a href="https://wordpress.org/photos/photo/62068b050a/" rel="ugc">photo</a> by <a href="https://wordpress.org/photos/author/abishkaarchettri/" rel="ugc">ABISHKAAR CHETTRI</a> from the <a href="https://wordpress.org/photos/" rel="ugc">WordPress Photo Directory</a>
Source: <a href="https://wordpress.org/photos/photo/62068b050a/" rel="ugc">WordPress Photo Directory</a>
License information last verified on: September 7th, 2025

Caledros Basic Blocks

Introduces 18 lightweight blocks for the Gutenberg editor. Also includes an optional preloader for CSS stylesheets to enhance performance.

Masud Hasan

Design without limits | Commerce ready | Data connected | Lead capture focused | Lightning fast
Gutengrow Blocks turns the native WordPress editor into a growth platform. Build popups, capture leads, sell with Stripe, sync Google Sheets, and publish data-rich layouts without custom code. Each block ships with intuitive controls, responsive presets, and selective asset loading so that every page stays lean.
Whether you are launching funnels, publishing resources, or managing subscriptions, Gutengrow centralizes the tooling: Gutenberg blocks for the front end and a React-powered dashboard for analytics, Stripe transactions, and email submissions on the back end.
<h4>Why Choose Gutengrow?</h4>
<ul>
<li>Works with core Gutenberg – No need for additional builders. All blocks are native to the WordPress editor.</li>
<li>Performance first – Assets load only when a block is present. Minified CSS/JS and caching-friendly markup keep pages fast.</li>
<li>Conversion toolkit – Popups, opt-ins, countdowns, testimonials, and pricing tables are ready to drop into any page.</li>
<li>Stripe automation – Manage products, one-time payments, and recurring subscriptions from the same interface.</li>
<li>Data integrations – Google Sheets, Instagram, and dynamic charts keep content fresh and connected to live sources.</li>
<li>Admin visibility – View Stripe transactions, audit email submissions, and toggle block availability from one dashboard.</li>
<li>Scales with you – Modular architecture, regular updates, and REST-ready endpoints support advanced customization.</li>
</ul>
<h4>Perfect For:</h4>
<ul>
<li>Agencies & Freelancers – Deliver marketing sites and funnels quickly with reusable blocks.</li>
<li>Course Creators & Memberships – Sell access, handle Stripe subscriptions, and monitor conversions.</li>
<li>Marketers & Growth Teams – Launch popups, A/B offers, and gated content without developer queues.</li>
<li>Ecommerce & Service Brands – Showcase products, highlight benefits, and collect testimonials with minimal setup.</li>
<li>Ops & Data Teams – Surface Google Sheets, KPIs, and timelines directly inside CMS-driven pages.</li>
</ul>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/KvJIjBogSlY?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>
<h3>Gutengrow Block Library Highlights</h3>
Gutengrow bundles high-impact blocks organized by outcome:
<h4>Lead Generation & Audience Growth</h4>
1. Email Subscription Forms – Inline opt-in blocks with multiple layouts, tag-based segmenting, success messaging, and duplicate prevention for clean lists.
2. Popup Builder – Launch modals from buttons, exit intent, timers, or manual triggers. Supports reusable templates, countdown timers, CTA analytics, and responsive design presets.
3. Unlock Popup – Content locker that reveals premium sections after opt-in or payment confirmation; perfect for lead magnets and gated downloads.
<h4>Commerce & Monetization</h4>
4. Stripe Product Manager – Sync Stripe products and prices, list them in Gutenberg, and launch secure checkout overlays. Includes REST endpoints, inventory helpers, and catalog filtering.
5. Stripe Subscriptions – Display membership tiers, connect recurring plans, and hand off to Stripe-hosted checkout with localized currencies and success/cancel routes.
6. Checkout Pages & Receipts – Ready-to-use success, cancel, and diagnostic templates keep the post-purchase journey on brand and trackable.
7. Feature Grid & Benefit Callouts – Present product advantages, pricing options, and plan comparisons with icons, badges, and contextual CTAs.
<h4>Data Visualization & Automation</h4>
8. Dynamic Chart – Animated bar, line, and pie charts with live color controls, conditional tooltips, and REST-friendly data feeds.
9. Dynamic Table – Searchable, sortable tables with pagination, zebra styles, and responsive stacking for large datasets.
10. Google Sheet Sync – Connect a published or web-app-enabled sheet and render real-time data in WordPress without manual imports.
11. Content Timeline – Showcase roadmaps, project milestones, or brand history with vertical or horizontal layouts and scroll animations.
<h4>Content & Engagement</h4>
12. Content Tabs – Organize long-form content into accessible tab sets with keyboard navigation and deep-linking support.
13. FAQ & Dynamic Accordions – Manage Q&A, help desks, or feature breakdowns with nested layouts, icons, and individually tracked panels.
14. Progress Bar – Linear and circular progress indicators with percentage counters, milestones, and animation delay controls.
15. Team, Testimonials, and Sliders – Highlight people, reviews, and case studies with customizable cards, star ratings, and autoplay sliders.
16. Dynamic Team – Pull team data from the database or REST endpoint and render it with filtering, categories, and per-member meta fields.
17. Popup Announcements – Deliver time-sensitive messaging (product launches, promos, alerts) with scheduling windows and reusable presets.
<h4>Social & Media</h4>
18. Instagram Feed – Authenticate with the Instagram Graph API and embed grids, masonry layouts, or sliders with live caching and failure fallbacks.
<h4>Admin & Workflow Tools</h4>
<ul>
<li>Toggle block availability per site to keep editor palettes lean.</li>
<li>React dashboard surfaces Stripe transactions, subscription analytics, and email submission exports (CSV ready).</li>
<li>Built-in database updater keeps custom tables (email log, Stripe cache) in sync across plugin versions.</li>
<li>Debug screens for Stripe webhooks, Google Sheets connectivity, and popup diagnostics accelerate support.</li>
</ul>
<h3>Getting Started in 3 Simple Steps</h3>
<ol>
<li>Install & Activate – Upload the plugin ZIP or install from your WordPress dashboard, then activate Gutengrow Blocks.</li>
<li>Open the Block Editor – Edit any page or post with Gutenberg and find the “GutenGrow Blocks” category in the inserter.</li>
<li>Drag, Drop & Configure – Place a block, adjust content and styling controls, and publish. Optional: connect Stripe, Google Sheets, or Instagram from the Gutengrow admin page.</li>
</ol>
<h3>Use Cases & Examples</h3>
Conversion Landing Pages
<ul>
<li>Email Capture Overlay for hero opt-ins</li>
<li>Popup Builder for exit-intent offers and timers</li>
<li>Testimonial Slider for user proof</li>
<li>Progress Bar to showcase roadmap progress</li>
</ul>
Subscription & Membership Sites
<ul>
<li>Stripe Product Manager for plan listings</li>
<li>Stripe Subscriptions block for checkout handoff</li>
<li>Unlock Popup to gate premium lessons</li>
<li>Content Tabs for modular course outlines</li>
</ul>
SaaS & Data Dashboards
<ul>
<li>Google Sheet Sync to surface KPIs</li>
<li>Dynamic Chart for usage metrics</li>
<li>Dynamic Table for changelog or release notes</li>
<li>Feature Grid for highlighting tiers or integrations</li>
</ul>
Editorial & Community Hubs
<ul>
<li>Content Timeline for project history</li>
<li>Team block for contributor bios</li>
<li>FAQ Accordion for support centers</li>
<li>Instagram Feed for live community updates</li>
</ul>
<h3>Performance & Optimization</h3>
<ul>
<li>Selective asset loading ensures only used blocks enqueue styles/scripts.</li>
<li>Build output is minified and RTL-ready for global sites.</li>
<li>Works seamlessly with popular caching plugins and CDNs.</li>
<li>Optional lazy loading on image-heavy blocks keeps Largest Contentful Paint in check.</li>
<li>REST endpoints cache responses to reduce API calls (Stripe, Google, Instagram). </li>
<li>Admin tooling includes database repair utilities and cron health checks.</li>
</ul>
<h3>Security & Privacy</h3>
<ul>
<li>GDPR-aware lead capture with explicit consent fields and per-request IP logging.</li>
<li>All Stripe requests use official SDKs and WordPress nonces for secure checkout flows.</li>
<li>Google Sheets and Instagram tokens are stored via WordPress options with capability checks.</li>
<li>Regular code reviews keep the plugin aligned with WordPress coding standards.</li>
<li>Logging controls help diagnose integrations without exposing sensitive data.</li>
</ul>
<h3>Mobile Responsive</h3>
Every block honors responsive breakpoints out of the box:
<ul>
<li>Desktop layouts for marketing sites and dashboards.</li>
<li>Tablet breakpoints for grid-to-stack transitions.</li>
<li>Mobile-first layouts with touch-friendly controls, swipeable sliders, and accessible accordions.</li>
<li>Device-specific controls per block for typography, spacing, and visibility.</li>
</ul>
<h3>Design Flexibility</h3>
<ul>
<li>Native Gutenberg controls for typography, spacing, borders, and media.</li>
<li>Preset styles to jump-start layouts, with ability to override via global styles.</li>
<li>Support for gradients, background media, and animation delays.</li>
<li>Custom classes and data attributes for advanced theming or targeting.</li>
<li>Works with theme.json, block patterns, and full-site editing templates.</li>
</ul>
<h3>From WordPress Dashboard</h3>
<ol>
<li>Navigate to Plugins → Add New.</li>
<li>Search for Gutengrow Blocks.</li>
<li>Click Install Now, then Activate.</li>
</ol>
<h3>Manual Installation</h3>
<ol>
<li>Download the plugin ZIP from <a href="https://gutengrow.com" rel="nofollow ugc">https://gutengrow.com</a>.</li>
<li>Go to Plugins → Add New → Upload Plugin.</li>
<li>Upload the ZIP file, click Install Now, then Activate Plugin.</li>
</ol>
<h3>Requirements</h3>
<ul>
<li>WordPress 6.0 or higher</li>
<li>Gutenberg / Block Editor (bundled with core WordPress)</li>
<li>PHP 7.2 or higher</li>
<li>Optional: Stripe account, Google Sheets web app URL, Instagram Business access token</li>
</ul>
<h3>External Services</h3>
Gutengrow optionally connects to:
<ul>
<li>Stripe – Payment and subscription processing (Stripe Privacy Policy: https://stripe.com/privacy)</li>
<li>Google Sheets – Data sync via Apps Script web apps (Google Privacy Policy: https://policies.google.com/privacy)</li>
<li>Instagram Graph API – Social feed embedding (Instagram Privacy Policy: https://privacycenter.instagram.com/policy)</li>
</ul>
<h3>Privacy Policy and Terms of Service</h3>
Please review our policies when enabling integrations:
<ul>
<li>Privacy Policy: https://gutengrow.com/privacy-policy/</li>
<li>Terms of Service: https://gutengrow.com/terms-of-service/</li>
<li>Stripe Services Agreement: https://stripe.com/legal</li>
<li>Google API Terms: https://developers.google.com/terms</li>
<li>Instagram Platform Policy: https://developers.facebook.com/terms/</li>
</ul>
<h3>Support</h3>
Need a hand?
Documentation: https://gutengrow.com/docs 
Support Portal: https://gutengrow.com/support 
Video Tutorials: https://gutengrow.com/tutorials 
Community Updates: https://gutengrow.com/blog
We provide:
<ul>
<li>Step-by-step setup guides and developer docs</li>
<li>Video walkthroughs for each block and integration</li>
<li>Ticket-based support with SLA-backed responses</li>
<li>Regular product updates and beta previews</li>
</ul>
<h3>Credits</h3>
Developed by: WPRealizer 
Official Website: https://gutengrow.com 
Support: https://gutengrow.com/support
<h3>Additional Information</h3>
Plugin URI: https://gutengrow.com 
Author URI: https://profiles.wordpress.org/wprealizer/ 
License: GPLv2 or later 
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Thank you for building with Gutengrow Blocks! Please leave a 5-star review if the plugin helps you grow faster.

Gutengrow Blocks

Transform Gutenberg into a conversion-ready builder with 20+ marketing, ecommerce, and automation blocks, Stripe-powered checkouts, and lead managemen …

Caledros Basic Blocks vs Gutengrow Blocks