Blockstudio

Wordpress, Development

TL;DR

Blockstudio is a file-based WordPress framework that lets developers build custom Gutenberg blocks with JSON definitions and PHP, Twig, or Blade templates — no JavaScript or build step required.

Read the Bottom Line ↓

Key Facts

Best fit
SMBMid-MarketEnterprise

Pricing

Starting at $249

Free TierWordPress PluginSelf-Hosted

Blockstudio (Open Source)

Free
  • Custom blocks, pages, patterns, extensions
  • 30+ field types and conditional logic
  • SCSS/ES module asset pipeline
  • Tailwind v4 support
  • Community support

Blockstudio Plus

$249
  • 500+ production site templates
  • 1,000+ block system
  • AI system instructions (AGENTS.md)
  • Lifetime updates included
  • Private Discord community

Additional Pricing Information

The core Blockstudio plugin is free, open source, and includes all block types, extensions, pages, and patterns. The paid Blockstudio Plus tier (the official extension kit) is a one-time purchase currently at a $249 lifetime launch price (regularly $349), covering 500+ site templates, a 1,000+ block system, AI system instructions, lifetime updates, and a private Discord community.

Details

What is Blockstudio?

Blockstudio is an open-source WordPress plugin that rethinks how custom Gutenberg blocks are built. Instead of wrangling React, webpack, and a mountain of boilerplate, you define your block's fields in a block.json file and write the markup in a plain PHP, Twig, or Blade template — all living in your theme's file system so everything is version-controlled and deployable. Native editor features like RichText and InnerBlocks work directly in your templates, a zero-config asset pipeline compiles SCSS and ES modules on the fly, and the plugin even parses full HTML pages into editable core blocks and registers reusable patterns straight from template files. The core is free and open source; the paid Blockstudio Plus tier bundles 500+ production site templates, a 1,000+ block system, AI system instructions, and a private Discord — all in a one-time, lifetime purchase. Because there's no plugin admin UI and no registration code, it overlaps heavily with ACF-based block workflows, but its file-first approach is aimed squarely at developers who live in git and want their blocks (and now full-stack features like databases and RPC) to travel as plain, diffable code.

Key Features

  • Field Definitions — 30+ field types (text, richtext, repeater, color, code, media, and more) defined in plain JSON with conditional logic, dynamic options, and reusable custom field sets.
  • PHP, Twig & Blade Templates — Write block markup in the language you already know; PHP, Twig (Timber), or Blade (Sage/Acorn) all share the same variables, components, and flags.
  • Zero-Cost Asset Pipeline — Drop style.scss, script.js, or editor.css next to a block and it's compiled, scoped, minified, and enqueued only when the block is used — no webpack or Vite.
  • Pages & Patterns — Build full WordPress pages as file-based templates (HTML maps to core blocks automatically) and register reusable patterns straight from template files, all version-controlled in git.
  • Block Extensions — Add custom fields to any core, third-party, or custom block — even whole namespaces via wildcards — using a single JSON file and the set property.
  • Native Editor Components — RichText, InnerBlocks, and MediaPlaceholder work directly in your templates for inline editing in the editor and clean server-rendered HTML on the frontend.
  • Full-Stack Blocks — Drop in db.php, rpc.php, or cron.php to add schema-defined databases, server functions, scheduled tasks, and a CLI — turning block folders into complete applications.
  • Tailwind v4 Support — Write utility classes in templates; Blockstudio compiles Tailwind CSS server-side via TailwindPHP with automatic file caching and a live editor preview.
  • Developer Tooling — JSON Schema gives IDE autocomplete and validation, plus a built-in AI context file (blockstudio-llm.txt) and Canvas/element-grabber dev tools for building with coding agents.

Who is it for?

  • WordPress developers and agencies building custom, reusable blocks for client sites without fighting React tooling
  • Developers who want clean, file-based, git-versioned block code they can ship across environments
  • PHP/Twig/Blade devs who want native-edit RichText, InnerBlocks, and dynamic content without learning the WordPress block JavaScript stack
  • Teams building block-heavy marketing sites, landing pages, or full-stack block applications who want everything version-controlled
  • Developers already using ACF blocks who want a more file-driven, boilerplate-free alternative

Who is it NOT for?

  • Non-developers or designers expecting a drag-and-drop visual builder — this is a code-first framework
  • Marketers and hobbyists who just want ready-made blocks from a themed plugin library
  • Sites stuck on older PHP/WordPress versions or shared hosts without modern requirements
  • Anyone who dislikes coupling their theme's core structure to a third-party plugin framework
  • Teams that prefer a stable commercial plugin with a long track record and support contract over a young lifetime deal

The Bottom Line

Blockstudio is the rare WordPress developer tool that genuinely kills the pain of React block development — file-based JSON plus PHP templates, no build step, no JavaScript — and it's the sort of thing you either instantly love or never need. Combined with the life-ruiningly generous Plus bundle of 500+ templates, 1,000+ blocks, and AI context files, the lifetime pricing is a steal for agencies and developers who build custom blocks for a living. But it's a young, one-developer-believing framework (the Plus roadmap is largely unwritten), so treat it as a professional bet, not a forever guarantee — if you're locked into it when WordPress's block API shifts, you're along for whatever ride the maintainer chooses.

Visit website →