Title: SwiftBlock Elements
Author: Johir Rihan
Published: <strong>June 19, 2026</strong>
Last modified: June 19, 2026

---

Search plugins

![](https://ps.w.org/swiftblock-elements/assets/banner-772x250.png?rev=3579008)

![](https://ps.w.org/swiftblock-elements/assets/icon-128x128.png?rev=3579008)

# SwiftBlock Elements

 By [Johir Rihan](https://profiles.wordpress.org/rihansoftvance/)

[Download](https://downloads.wordpress.org/plugin/swiftblock-elements.0.2.9.zip)

 * [Details](https://wordpress.org/plugins/swiftblock-elements/#description)
 * [Reviews](https://wordpress.org/plugins/swiftblock-elements/#reviews)
 *  [Installation](https://wordpress.org/plugins/swiftblock-elements/#installation)
 * [Development](https://wordpress.org/plugins/swiftblock-elements/#developers)

 [Support](https://wordpress.org/support/plugin/swiftblock-elements/)

## Description

SwiftBlock Elements adds polished, production-ready blocks to the WordPress block
editor. Each block is server-rendered with sanitized attributes and escaped output,
following WordPress Coding Standards and Block API version 3.

Perfect for agency sites, landing pages, and business websites that need testimonial
showcases, pricing tables, and FAQ sections without bloated page builders.

#### Included Blocks

 * **Testimonial Block** — Single quote card with author image, name, role, and 
   customizable colors.
 * **Testimonials Section** — Badge, heading, and auto-scrolling testimonial slider
   inside a contained card.
 * **Testimonials Bento** — Bento-grid layout with metrics, client logos, and mixed
   card sizes.
 * **Testimonials Slider** — Split layout with manual slider controls and pagination.
 * **Pricing Section** — Three-column pricing cards with a featured plan highlight.
 * **FAQ Section** — Two-column glass-style accordion with gradient background.
 * **FAQ Studio** — Luxury FAQ layout with image sidebar, navigation links, and 
   plus/minus accordion.

#### Key Features

 * Dynamic blocks with server-side render.php templates (no saved HTML in the database).
 * Shared design tokens for consistent colors, spacing, and typography across blocks.
 * Per-block responsive controls for Desktop, Tablet, and Phone in the editor sidebar.
 * Full-width section backgrounds with contained content areas.
 * Block anchor IDs and top/bottom margin spacing via native block supports.
 * Translation-ready with the swiftblock-elements text domain.
 * Front-end JavaScript loads only when needed (sliders and FAQ accordions).

#### Development

Human-readable source files are included in the src/ directory. Compiled assets 
in build/ are generated with @wordpress/scripts.

 * **Source repository:** [GitHub](https://github.com/rihansoftvance-crypto/SwiftBlock-Elements)
 * **Build:** Run `npm install` then `npm run build` (requires Node.js 18+).

### External Services

This plugin connects to **Google Fonts** (provided by Google LLC) for optional typography
in blocks.

#### What it is used for

 * In the block editor, the font family control loads a list of Google Font family
   names so authors can choose a font for a block.
 * On the front end, when a block uses a Google Font (not a system font), the plugin
   loads the font stylesheet so visitors see the selected typography.

#### What data is sent and when

 * **Editor:** When an author opens a block sidebar font control, the editor requests`
   https://fonts.google.com/metadata/fonts` to load the public Google Fonts catalog.
   No personal user data is sent.
 * **Front end:** When a page containing a block with a Google Font is viewed, the
   visitor’s browser requests `https://fonts.googleapis.com/css2` for the selected
   font family. Google may receive the visitor’s IP address and browser information
   as with any third-party stylesheet request. This only happens when a block is
   configured to use a Google Font.

#### Terms and privacy

 * Google Fonts terms of service: https://developers.google.com/fonts/terms
 * Google privacy policy: https://policies.google.com/privacy

## Screenshots

[⌊Testimonial block with author image, quote, and customizable colors in the block
editor.⌉⌊Testimonial block with author image, quote, and customizable colors in 
the block editor.⌉[

Testimonial block with author image, quote, and customizable colors in the block
editor.

[⌊Testimonials Section with badge, heading, and auto-scrolling slider layout.⌉⌊Testimonials
Section with badge, heading, and auto-scrolling slider layout.⌉[

Testimonials Section with badge, heading, and auto-scrolling slider layout.

[⌊Pricing Section with three-column cards and featured plan highlight.⌉⌊Pricing 
Section with three-column cards and featured plan highlight.⌉[

Pricing Section with three-column cards and featured plan highlight.

[⌊FAQ Section with two-column glass-style accordion layout.⌉⌊FAQ Section with two-
column glass-style accordion layout.⌉[

FAQ Section with two-column glass-style accordion layout.

[⌊Per-block responsive controls for Desktop, Tablet, and Phone in the editor sidebar.⌉⌊
Per-block responsive controls for Desktop, Tablet, and Phone in the editor sidebar
.⌉[

Per-block responsive controls for Desktop, Tablet, and Phone in the editor sidebar.

## Blocks

This plugin provides 7 blocks.

 *   Pricing Section Three-column pricing table with badge, heading, and feature
   lists.
 *   Testimonials Slider Two-column testimonial slider with heading, navigation 
   arrows, and editable slides.
 *   FAQ Section Two-column FAQ accordion with glass cards and expandable answers.
 *   Testimonial Block Display a customer testimonial with image, customizable colors,
   and responsive layout.
 *   Testimonials Bento Bento grid testimonials section with metrics, ratings, and
   customizable colors.
 *   Testimonials Section Pre-designed testimonials section template with editable
   content, colors, and typography.
 *   FAQ Studio Minimal FAQ with image sidebar, top navigation links, and plus/minus
   accordion.

## Installation

 1. Install the plugin through **Plugins  Add New** in WordPress admin, or upload the`
    swiftblock-elements` folder to `/wp-content/plugins/`.
 2. Activate the plugin on the **Plugins** screen.
 3. Open the block editor on any page or post.
 4. Click the block inserter (+) and search for **SwiftBlock**, **Testimonial**, **
    FAQ**, or **Pricing**.
 5. Customize colors, typography, and spacing from the block sidebar.

## FAQ

### Does this plugin require the block editor?

Yes. SwiftBlock Elements requires WordPress 6.8 or later with the Gutenberg block
editor.

### Are block attributes sanitized?

Yes. All user-provided content is sanitized on the server before output. Plain text
uses `sanitize_text_field`, rich text uses `wp_kses_post`, URLs use `esc_url_raw`,
and colors use `sanitize_hex_color`.

### Is the plugin translation-ready?

Yes. User-facing strings use the `swiftblock-elements` text domain. WordPress.org
loads translations automatically.

### Do all blocks load JavaScript on the front end?

No. Static blocks such as Testimonial and Pricing render entirely in PHP. Interactive
blocks (FAQ accordions and testimonial sliders) enqueue minimal view scripts only
when the block is present on the page.

### Can I use full-width backgrounds?

Yes. Section blocks support **Full Width Background** in the Layout panel and **
Align  Full width** in the block toolbar.

### Does this plugin use external services?

Yes. Optional Google Fonts are loaded when you choose a Google Font in block settings.
See the External Services section below for details.

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“SwiftBlock Elements” is open source software. The following people have contributed
to this plugin.

Contributors

 *   [ Johir Rihan ](https://profiles.wordpress.org/rihansoftvance/)
 *   [ JOHIR RIHAN ](https://profiles.wordpress.org/johirrihan/)

[Translate “SwiftBlock Elements” into your language.](https://translate.wordpress.org/projects/wp-plugins/swiftblock-elements)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/swiftblock-elements/),
check out the [SVN repository](https://plugins.svn.wordpress.org/swiftblock-elements/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/swiftblock-elements/)
by [RSS](https://plugins.trac.wordpress.org/log/swiftblock-elements/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 0.2.9

 * Replaced minified edit bundles with human-readable edit.js source for all blocks.
 * Added missing shared editor-styles.js and testimonial-block edit.js.
 * Updated build pipeline so npm run build compiles from readable source in src/.

#### 0.2.8

 * Fixed block registration path so blocks load correctly after plugin bootstrap
   split.
 * Replaced remaining demo text with generic placeholders.
 * Aligned block.json versions with plugin version 0.2.8.

#### 0.2.2

 * Replaced third-party brand names in block demo defaults with generic placeholder
   text.
 * Aligned all block.json versions with the plugin version.
 * Clarified source and build documentation.

#### 0.2.1

 * Fixed output escaping across all block render templates.
 * Added testimonial and bento card attribute sanitization.
 * Removed manual text domain loading for WordPress.org compatibility.

#### 0.2.0

 * Added Pricing Section, FAQ Section, FAQ Studio, Testimonials Section, Bento, 
   and Slider blocks.
 * Introduced shared design tokens and responsive editor controls.
 * Hardened sanitization and escaping across all render.php templates.
 * Extended block supports: align wide/full, anchor, and section margin spacing.

#### 0.1.0

 * Initial release with the Testimonial block.

## Meta

 *  Version **0.2.9**
 *  Last updated **2 days ago**
 *  Active installations **Fewer than 10**
 *  WordPress version ** 6.8 or higher **
 *  Tested up to **7.0**
 *  PHP version ** 7.4 or higher **
 * Tags
 * [block](https://wordpress.org/plugins/tags/block/)[faq](https://wordpress.org/plugins/tags/faq/)
   [gutenberg](https://wordpress.org/plugins/tags/gutenberg/)[pricing](https://wordpress.org/plugins/tags/pricing/)
   [Testimonial](https://wordpress.org/plugins/tags/testimonial/)
 *  [Advanced View](https://wordpress.org/plugins/swiftblock-elements/advanced/)

## Ratings

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/swiftblock-elements/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/swiftblock-elements/reviews/)

## Contributors

 *   [ Johir Rihan ](https://profiles.wordpress.org/rihansoftvance/)
 *   [ JOHIR RIHAN ](https://profiles.wordpress.org/johirrihan/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/swiftblock-elements/)