A built-in code editor that doesn't suck.
Edit blocks from the comfort of your WordPress admin dashboard. With the power of live previews, breakpoints, Prettier formating and powerful autocompletion, creating custom blocks has never been easier.

Features
All the tools for productive development. In your browser.
File browser
Swap between your Blockstudio library with an always available file-system like browser.
Live preview
Changes made to files are immediately visible in the preview section of the editor.
Error notices
Blockstudio will report any PHP errors in your template files and prevent accidental saving.
Prettier formatting
CSS and JavaScript files are automatically formatted using the popular Prettier code formatter.
Autocompletion
On top of Monacos autocompletion, Blockstudio also knows all available PHP functions of the current WordPress environment.
Preview breakpoints
Quickly preview the current block at different screen sizes without ever leaving the editor.
The Blockstudio editor is built on top of Monaco, the underlying code editor that powers VS Code.
Purchase