Features

Everything You Need for
Professional Blocks

 

APBS eliminates repetitive work and introduces a standardized, automated, and scalable workflow.

Lightning Fast

Generate complete Gutenberg blocks in seconds, not hours. Reduce development time by 5-10x.

Semantic Code

Auto-generated PHP with proper escape functions, semantic HTML tags, and clean structure.

Full Design Control

Own SCSS file per block with variables, mixins, responsive breakpoints.

Reusable Blocks

Export/import blocks as ZIP packages. Build agency libraries and marketplace products.

ACF Pro Integration

Programmatic ACF Field Groups with repeaters, flexible content, nested fields, and more.

Built-in IDE

PHP/HTML editor with IntelliSense for ACF fields, AJAX save, and dark/light modes.

Zero Bloat

No runtime builders, no wrapper divs. Native Gutenberg + PHP render for peak performance.

Performance First

Excellent Core Web Vitals. Lower LCP, CLS, FCP without additional TTFB overhead.

Sync ACF groups instantly

Automatically converts your ACF field groups into ready-to-use Gutenberg blocks with a single form submission.

Complete ACF Pro Compatibility

All ACF Pro field types are fully supported, enabling complex layouts, dynamic content, and enterprise-grade block structures.

Instant file generation

Creates all required block files automatically — no manual setup needed.

Complete project structure

Each block is generated with: render.php, block.scss, block.js, preview image directories ensuring full native Gutenberg compatibility.

Auto-generated render code

Produces optimized PHP render logic tailored to every ACF field — fully ready for immediate use.

Built-in IDE inside WordPress

Edit render.php, SCSS, and JS directly from the WP admin panel with syntax highlighting.

Automatic SCSS compilation

Instantly compiles SCSS into production-ready, minified CSS whenever you save.

Automatic JavaScript minification

Optimizes each block's JavaScript file with zero configuration.

True frontend-accurate preview

Blocks appear inside Gutenberg exactly as they will render on the front end — pixel-perfect.

Smart CSS & JS combining

Loads only the styles and scripts needed for the blocks used on the page — reducing payload and removing unused resources.

Storage

Block files are stored within the Duo modular plugin, protecting them from loss during updates and keeping them independent of the active theme.

Built-in WebP optimization

Automatically optimizes images to WebP format for maximum performance.

performance

All performance metrics are sourced directly from Google PageSpeed Insights.

 

Updated regularly to reflect real-world mobile and desktop performance.

Google PageSpeed verified
Updated 28-02-2026 13:29:41

98
Performance
100
Accessibility
100
Best Practices
100
Seo
100
Performance
100
Accessibility
100
Best Practices
100
Seo
Run live Google PageSpeed check →
GENERATED FILE STRUCTURE

Every block ships with clean, production-ready files

Automatically generated PHP, SCSS, JavaScript, and block.json files —
structured, optimized, and ready to customize.

 

{
  "name": "apbs/generated-block",
  "title": "Generated Block",
  "category": "custom-acf-blocks",
  "icon": "block-default",
  "keywords": ["apbs", "acf", "generated"],
  "supports": {
    "align": ["wide", "full"]
  },
  "example": {
    "attributes": {
      "mode": "preview"
    }
  }
}

<?php
$acf = get_acf_block_fields();
echo get_block_preview_image($block);
?>

<section class="section generated-block">
    <div class="container">

        <?php if (!empty($acf['title'])): ?>
            <h2><?php echo esc_html($acf['title']); ?></h2>
        <?php endif; ?>

        <?php if (!empty($acf['content'])): ?>
            <div class="content">
                <?php echo wp_kses_post($acf['content']); ?>
            </div>
        <?php endif; ?>

    </div>
</section>

.generated-block {
    padding: 120px 0;
    background: #060d11;
    color: #e6eef3;

    h2 {
        font-size: 48px;
        margin-bottom: 24px;
    }

    .content {
        font-size: 18px;
        line-height: 1.7;
        color: #b7c7d4;
    }
}

document.addEventListener('DOMContentLoaded', () => {
    const blocks = document.querySelectorAll('.generated-block');

    blocks.forEach(block => {
        // Your JavaScript logic lives here
        console.log('APBS block loaded');
    });
});

Pricing

Plans & Licensing

From personal projects to full agencies.

Personal

Perfect for individual developers ACF PRO (Require)
$49 / per year
1 website

Includes all features + unlimited updates per year for 1 website.

  • Unlimited blocks
  • license for 1 website
  • Export/Import system
  • SCSS/ JS compilation
  • WEBP support
  • AI Integration
  • Email support

Buy Now

Freelancer

For freelancers and small teams

ACF PRO (Require)
$149 / per year
10 websites

Includes all features + unlimited updates per year for 10 website.

  • Unlimited blocks
  • license for 10 websites
  • Export/Import system
  • SCSS/ JS compilation
  • WEBP support
  • AI Integration
  • Priority support

Buy Now
Most Popular

Professional

Website production at scale ACF PRO (Require)
$249 / per year
Unlimited websites

Includes all features + unlimited updates per year for unlimited websites.

  • Unlimited blocks
  • Unlimited sites
  • Export/Import system
  • SCSS/ JS compilation
  • WEBP support
  • AI Integration
  • Dedicated support

Buy Now