WPBits Block Studio is a powerful developer tool that helps you create custom Gutenberg blocks without writing code from scratch. Perfect for WordPress developers, agencies, and power users who want to speed up their block development workflow.<\/p>\n\n
Free Controls:<\/strong><\/p>\n\n Pro Controls:<\/strong><\/p>\n\n Each generated block includes:<\/p>\n\n The plugin provides REST API endpoints for programmatic access:<\/p>\n\n Developers can extend the plugin using WordPress hooks:<\/p>\n\n The human-readable JavaScript source files for the React admin interface are included in this plugin package under the This plugin does not collect, store, or transmit any user data. All block schemas are stored locally in your WordPress database.<\/p>\n\n For support, feature requests, or bug reports, please visit the plugin support forum or GitHub repository.<\/p>\n\n\n Basic understanding of WordPress blocks is helpful, but the visual interface makes it easy to create blocks without extensive coding knowledge. The plugin generates all the necessary code for you.<\/p><\/dd>\n Yes. You can update block configuration in the plugin interface, regenerate files, or edit generated project files externally with your own editor, FTP, or local development workflow.<\/p><\/dd>\n Static blocks save their output directly to the post content using JavaScript's save function. Dynamic blocks render on the server side using the generated Twig template, which is better for content that changes frequently.<\/p><\/dd>\n Yes. WPBits Block Studio generates Yes. The free version generates block files in the plugin-managed output directory. Pro can generate to a custom output directory.<\/p><\/dd>\n Yes! The plugin is fully compatible with both classic and block themes.<\/p><\/dd>\n Yes, you can import compatible generated block files and regenerate them.<\/p><\/dd>\n The free version supports block configuration export. The separate Pro version adds standalone plugin export.<\/p><\/dd>\n Auto-sync monitors generated block files edited outside wp-admin and compares them with the saved block definitions. It detects new or changed generated files so you can keep the file workflow and block configuration in sync.<\/p><\/dd>\n\n<\/dl>\n\n\n Initial release of WPBits Block Studio.<\/p>","raw_excerpt":"Developer helper plugin to create Gutenberg blocks from a visual interface and generated project files. Powered by WPBits.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/326719","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=326719"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/wpbits"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=326719"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=326719"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=326719"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=326719"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=326719"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=326719"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\n
\n
Perfect For<\/h4>\n\n
\n
Generated Block Structure<\/h4>\n\n
\n
block.json<\/code> \u2013 Block metadata and configuration<\/li>\nindex.js<\/code> \u2013 Block registration and editor\/save components<\/li>\ntemplate.twig<\/code> \u2013 Generated Twig template used by the block runtime<\/li>\nstyle.css<\/code> \u2013 Frontend styles<\/li>\neditor.css<\/code> \u2013 Editor-only styles<\/li>\nREADME.md<\/code> \u2013 Block documentation<\/li>\n<\/ul>\n\nDeveloper Notes<\/h3>\n\n
REST API Endpoints<\/h4>\n\n
\n
GET \/wp-json\/wpbs\/v1\/blocks<\/code> \u2013 List all blocks<\/li>\nPOST \/wp-json\/wpbs\/v1\/blocks<\/code> \u2013 Create a new block<\/li>\nGET \/wp-json\/wpbs\/v1\/blocks\/{id}<\/code> \u2013 Get a single block<\/li>\nPUT \/wp-json\/wpbs\/v1\/blocks\/{id}<\/code> \u2013 Update a block<\/li>\nDELETE \/wp-json\/wpbs\/v1\/blocks\/{id}<\/code> \u2013 Delete a block<\/li>\nPOST \/wp-json\/wpbs\/v1\/blocks\/{id}\/generate<\/code> \u2013 Generate block files<\/li>\nPOST \/wp-json\/wpbs\/v1\/blocks\/{id}\/export<\/code> \u2013 Export block to ZIP<\/li>\nGET \/wp-json\/wpbs\/v1\/settings<\/code> \u2013 Get plugin settings<\/li>\nPOST \/wp-json\/wpbs\/v1\/settings<\/code> \u2013 Update plugin settings<\/li>\n<\/ul>\n\nFilters & Actions<\/h4>\n\n
\n
wpbs_block_generation_path<\/code> \u2013 Filter the output path for generated blocks<\/li>\nwpbs_template_replacements<\/code> \u2013 Filter template placeholder replacements<\/li>\nwpbs_after_block_generation<\/code> \u2013 Action fired after block generation<\/li>\n<\/ul>\n\nSource Code & Build Tools<\/h4>\n\n
admin\/<\/code> directory.<\/p>\n\nPrivacy Policy<\/h3>\n\n
Support<\/h3>\n\n
\n
\/wp-content\/plugins\/wpbits-block-studio<\/code> directory, or install the plugin through the WordPress plugins screen directly.<\/li>\nManual Installation<\/h4>\n\n
\n
Requirements<\/h4>\n\n
\n
\n
Do I need coding knowledge to use this plugin?<\/h3><\/dt>\n
Can I edit the generated blocks after creation?<\/h3><\/dt>\n
What's the difference between static and dynamic blocks?<\/h3><\/dt>\n
Can I use Twig templates?<\/h3><\/dt>\n
template.twig<\/code> files and renders them through the plugin runtime. Edit those generated files outside wp-admin using your normal development tools.<\/p><\/dd>\nCan I use the generated blocks in my theme?<\/h3><\/dt>\n
Does this work with block themes?<\/h3><\/dt>\n
Can I import existing blocks?<\/h3><\/dt>\n
Can I export multiple blocks at once?<\/h3><\/dt>\n
How does auto-sync work?<\/h3><\/dt>\n
1.0.0<\/h4>\n\n