shohei.tanaka

shinobiashi

SAAI Blocks is a WordPress block editor extension plugin. It provides highly customizable, unique custom blocks to enhance your website building experience.
<h4>Source Code</h4>
The full source code, including all uncompiled JavaScript, SCSS, and build configuration, is publicly available on GitHub: 
https://github.com/shinobiashi/saai-blocks
To rebuild the plugin assets from source:
<ol>
<li>Clone the repository</li>
<li>Run <code>npm install</code> (this also runs <code>composer install</code> automatically)</li>
<li>Run <code>npm run build</code> to produce the compiled assets in <code>assets/build/</code></li>
</ol>
Build tools required: Node.js 18+, npm, webpack (via @wordpress/scripts)
<h4>External Services</h4>
The 3D Model Viewer block uses Google’s open-source <code>model-viewer</code> web component (https://modelviewer.dev/).
When a visitor views a page containing a 3D model that uses Draco or KTX2 compression, the model-viewer component may load WebAssembly decoder files from Google’s static content CDN (gstatic.com). These decoders are only fetched on demand and are not loaded on every page view. No personal data is transmitted.
<ul>
<li>Draco geometry decoder: <code>https://www.gstatic.com/draco/versioned/decoders/</code></li>
<li>KTX2 texture transcoder: <code>https://www.gstatic.com/basis-universal/versioned/</code></li>
<li>Lottie animation loader (if Lottie textures are used): <code>https://cdn.jsdelivr.net/npm/three/</code></li>
<li>Google’s privacy policy: https://policies.google.com/privacy</li>
<li>jsDelivr’s privacy policy: https://www.jsdelivr.com/privacy-policy-jsdelivr-net</li>
</ul>
If your 3D models do not use Draco compression, KTX2 textures, or Lottie animations (plain GLB files), no external requests are made.
<h4>Key Features</h4>
Currently, the plugin includes the following custom blocks:
1. Breadcrumb Block Pro 
A breadcrumb navigation block that includes SEO-friendly structured data. 
* Feature to toggle the visibility of the home link and current page 
* Customizable separator characters 
* Text and link color settings
2. Image Gallery Swiper (hover-image-switcher) 
A gallery block that allows users to view multiple images by swiping. 
* Adjustable vertical and horizontal positioning of navigation arrows 
* Supports arrows placed outside the image area and hover-triggered image switching

SAAI Blocks

A WordPress block editor extension plugin providing highly customizable, unique custom blocks.

mark l chaves

This plugin allows you to use of the popular <a href="https://swiperjs.com/" rel="nofollow ugc">Swiper.js</a> library in WordPress.
This is a minimalist plugin that is for displaying responsive cards in a slide.
<ul>
<li>On a large screen device, the slide will show a horizontal card (image on the left and text on the right). </li>
<li>On a small device, the slide becomes a stacked card with the image on the top and text on the bottom.</li>
</ul>
See the screengrabs below to get a visual or visit the <a href="https://streetphotography.blog/ashtabula-swiper-slider/" rel="nofollow ugc">live demo</a>.
Note: You should be comfortable with HTML and CSS to use this plugin.
<h3>Usage</h3>
<ol>
<li>Use the <a href="https://github.com/marklchaves/ashtabula/blob/master/ashtabula-demo.html" rel="nofollow ugc">demo HTML file</a> as a starter template. Add this HTML to a HTML or code block/element to your page or post.</li>
<li>To add the images, use the example CSS below as a template. Add the CSS to your Appearance > Customize > Additional CSS or your child theme’s <code>style.css</code> file.</li>
</ol>
CSS example to specify the background image for the responsive card in a slide.
<pre><code>/**
 * Swiper Slider Plugin Custom Styles
 */

#my-swiper-slide-1 {
 background-image: url(mybgimg-1.png);
}
#my-swiper-slide-2 {
 background-image: url(mybgimg-2.png);
}
#my-swiper-slide-3 {
 background-image: url(mybgimg-3.png);
}
</code></pre>
<h3>Credits</h3>
Powered by <a href="https://swiperjs.com/" rel="nofollow ugc">Swiper.js</a>.

Ashtabula

Ashtabula - A Swiper Slider Plugin for WordPress

SAAI Blocks vs Ashtabula