PHPackages blockstudio/blockstudio - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. blockstudio/blockstudio ActiveWordpress-plugin blockstudio/blockstudio ======================= The block framework for WordPress. 7.0.11(1mo ago)32131↓100%2[7 issues](https://github.com/inline0/blockstudio/issues)[1 PRs](https://github.com/inline0/blockstudio/pulls)GPL-2.0-or-laterPHPPHP >=8.2CI passing Since Feb 24Pushed 1mo ago1 watchersCompare [ Source](https://github.com/inline0/blockstudio)[ Packagist](https://packagist.org/packages/blockstudio/blockstudio)[ RSS](/packages/blockstudio-blockstudio/feed)WikiDiscussions main Synced 1mo ago READMEChangelog (10)Dependencies (8)Versions (14)Used By (0) [ ![Blockstudio](./.github/logo-light.svg) ](https://blockstudio.dev) The block framework for WordPress [![Documentation](https://camo.githubusercontent.com/fda2c57398b43d6d0226693eea50de0f0974f4a56f800d457cd1fc6376816fdb/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f646f63732d626c6f636b73747564696f2e6465762d626c7565)](https://blockstudio.dev/docs) [![License](https://camo.githubusercontent.com/1cdd36e7766aae67347405e8fd80ab609e2edce611cf987af991adce976d7ddb/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d47504c2d2d322e302d626c7565)](https://github.com/inline0/blockstudio/blob/main/LICENSE) --- Drop a `block.json` and a PHP template into a folder. Blockstudio registers the block, renders the template, and handles fields, assets, and scoped styles. No webpack, no Vite, no React components to write. ``` theme/blockstudio/hero/ ├── block.json ← fields, settings, metadata ├── index.php ← template (PHP, Twig, or Blade) ├── style.scss ← auto-compiled, scoped, minified └── script.js ← ES module imports from npm ``` Why Blockstudio --------------- [](#why-blockstudio) WordPress blocks are powerful but building them is painful. The official approach requires React, JSX, a build toolchain, and hundreds of lines of JavaScript for even a simple block. Blockstudio removes all of that. You write a JSON config and a PHP template. The framework handles block registration, field rendering, asset compilation, and editor integration. Everything lives in the filesystem, which makes blocks easy to version control, share across projects, and generate with AI coding tools. Features -------- [](#features) - **26 field types** - text, repeater, tabs, code, classes, color, files, and more, all configured in JSON with conditions, validation, and defaults - **PHP, Twig, and Blade** - write templates in your preferred language with the same `$a` variable across all three - **File-based pages** - create WordPress pages from HTML templates with automatic syncing, keyed block merging, and editing controls - **File-based patterns** - define block patterns as template files, auto-registered without any PHP code - **HTML-to-block parser** - converts standard HTML into native WordPress block markup with extensible renderers and element mapping - **Extensions** - add custom fields to any core or third-party block via a JSON file - **Asset pipeline** - SCSS compilation, ES module imports from npm, automatic minification, and scoped loading by naming convention - **Tailwind CSS v4** - server-side compilation via TailwindPHP with candidate-based caching, no Node.js or CLI needed - **Storage** - persist field values in post meta or site options, queryable via `WP_Query` and the REST API - **Custom fields** - reusable field definitions shared across multiple blocks via filesystem or PHP filter - **SEO integration** - block content visible to Yoast SEO and Rank Math for editor analysis - **AI-ready** - ships a pre-built context file with full documentation and JSON schemas (~48k tokens) for LLM coding assistants - **50+ PHP and JS hooks** - customize every aspect of the framework Quick start ----------- [](#quick-start) 1. Install via Composer: ``` composer require blockstudio/blockstudio ``` 2. Create a `blockstudio` folder in your theme 3. Add a block: **block.json** ``` { "$schema": "https://blockstudio.dev/schema/block", "name": "theme/hero", "title": "Hero", "blockstudio": { "attributes": [ { "id": "heading", "type": "text", "label": "Heading" }, { "id": "description", "type": "textarea", "label": "Description" } ] } } ``` **index.php** ``` ``` The block appears in the editor with the fields you defined. Add a `style.scss` or `script.js` to the same folder and they get compiled and enqueued automatically. Requirements ------------ [](#requirements) - PHP 8.2+ - WordPress 6.7+ Documentation ------------- [](#documentation) **[blockstudio.dev/docs](https://blockstudio.dev/docs)** License ------- [](#license) [GPL-2.0](LICENSE) ### Health Score 46 — FairBetter than 93% of packages Maintenance85 Actively maintained with recent releases Popularity25 Limited adoption so far Community9 Small or concentrated contributor base Maturity54 Maturing project, gaining track record Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~2 days Total 13 Last Release 49d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/dc81a975082b6843421de211768cfb67d8237bed4c972c9a1eaad46aac14b372?d=identicon)[dnnsjsk](/maintainers/dnnsjsk) --- Top Contributors [![dnnsjsk](https://avatars.githubusercontent.com/u/73965001?v=4)](https://github.com/dnnsjsk "dnnsjsk (459 commits)") ### Code Quality Code StylePHP\_CodeSniffer ### Embed Badge ![Health badge](/badges/blockstudio-blockstudio/health.svg) ``` [![Health](https://phpackages.com/badges/blockstudio-blockstudio/health.svg)](https://phpackages.com/packages/blockstudio-blockstudio) ``` ### Alternatives [shopware/platform The Shopware e-commerce core 3.3k1.5M3](/packages/shopware-platform)[contao/core-bundle Contao Open Source CMS 1231.6M2.3k](/packages/contao-core-bundle)[prestashop/prestashop PrestaShop is an Open Source e-commerce platform, committed to providing the best shopping cart experience for both merchants and customers. 9.0k15.4k](/packages/prestashop-prestashop)[october/rain October Rain Library 1601.7M63](/packages/october-rain)[shopware/storefront Storefront for Shopware 684.2M148](/packages/shopware-storefront)[appwrite/sdk-generator Appwrite PHP library for generating API SDKs for multiple programming languages and platforms 309166.5k1](/packages/appwrite-sdk-generator) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)