Title: Build Published: July 15, 2026 Last modified: July 16, 2026 --- # Build ## In this article * [Setting up a local WordPress environment quickly](https://developer.wordpress.org/playground/handbook/about/build/?output_format=md#setting-up-a-local-wordpress-environment-quickly) * [Save changes done on a Block Theme and create GitHub Pull Requests](https://developer.wordpress.org/playground/handbook/about/build/?output_format=md#save-changes-done-on-a-block-theme-and-create-github-pull-requests) * [Synchronize your playground instance with a local folder and create GitHub Pull Requests](https://developer.wordpress.org/playground/handbook/about/build/?output_format=md#synchronize-your-playground-instance-with-a-local-folder-and-create-github-pull-requests) * [Integrate with other APIs to create new tools.](https://developer.wordpress.org/playground/handbook/about/build/?output_format=md#integrate-with-other-apis-to-create-new-tools) * [Work offline and as a native app](https://developer.wordpress.org/playground/handbook/about/build/?output_format=md#work-offline-and-as-a-native-app) * [Embed a WordPress site in non-web environments](https://developer.wordpress.org/playground/handbook/about/build/?output_format=md#embed-a-wordpress-site-in-non-web-environments) [ Back to top](https://developer.wordpress.org/playground/handbook/about/build/?output_format=md#wp--skip-link--target) WordPress Playground can help you to create and learn WordPress quickly, even on mobile with no signal. You can use Playground where you work best, whether that’s in the browser, Node.js, mobile apps, VS Code, or elsewhere. ## 󠀁[Setting up a local WordPress environment quickly](https://developer.wordpress.org/playground/handbook/about/build/?output_format=md#setting-up-a-local-wordpress-environment-quickly)󠁿 You can seamlessly integrate Playground into your development workflow to launch a local WordPress environment quickly for testing your code. You can do this directly [from the terminal](https://developer.wordpress.org/playground/developers/local-development/wp-playground-cli) or [your preferred IDE.](https://developer.wordpress.org/playground/developers/local-development/vscode-extension) ## 󠀁[Save changes done on a Block Theme and create GitHub Pull Requests](https://developer.wordpress.org/playground/handbook/about/build/?output_format=md#save-changes-done-on-a-block-theme-and-create-github-pull-requests)󠁿 You can connect your Playground instance to a GitHub repository and create a Pull Request with the changes you’ve made through the WordPress UI, leveraging the [Create Block Theme](https://wordpress.org/plugins/create-block-theme/) plugin. With this workflow, you could build a block theme completely in your browser and save your changes to GitHub, or you could improve/fix an existing one. Some more examples of this workflow: * [Developer Hours: Creating WordPress Playground Blueprints for Testing and Demos](https://www.youtube.com/watch?v=gKrij8V3nK0&t=2488s) * [Recap Hallway Hangout: Theme Building with Playground, Create-block-theme plugin, and GitHub](https://make.wordpress.org/core/2024/06/25/recap-hallway-hangout-theme-building-with-playground-create-block-theme-plugin-and-github/) ## 󠀁[Synchronize your playground instance with a local folder and create GitHub Pull Requests](https://developer.wordpress.org/playground/handbook/about/build/?output_format=md#synchronize-your-playground-instance-with-a-local-folder-and-create-github-pull-requests)󠁿 ![Storage Type Device Snapshot](https://i0.wp.com/raw.githubusercontent.com/WordPress/ wordpress-playground/refs/heads/trunk/packages/docs/site/static/img/about/storage- type-device.webp?ssl=1) With Google Chrome you can synchronize your Playground instance with a local directory, that can be either: * An empty directory – to save this Playground and start syncing * An existing directory – to load it here and start syncing This feature is only available for Google Chrome for now. It won’t work with other browsers yet. Regarding changes done on both sides of the connection: * Files changed in the Playground will be synchronized to your computer. * Files changed on your computer will not be synchronized to Playground. You’ll need to click the “Sync local files” button. With this workflow, you can create GitHub PRs directly from your changes made in your local directory. See here a little demo of this workflow in action: ## 󠀁[Integrate with other APIs to create new tools.](https://developer.wordpress.org/playground/handbook/about/build/?output_format=md#integrate-with-other-apis-to-create-new-tools)󠁿 Playground can be combined with different APIs to create amazing tools. The possibilities are endless. You can [use WordPress Playground in Node.js](https://developer.wordpress.org/playground/developers/local-development/php-wasm-node) to create new tools. The [@php-wasm/node package](https://npmjs.org/@php-wasm/node), which ships the PHP WebAssembly runtime, is the package used for [https://playground.wordpress.net/](https://playground.wordpress.net/), for example. Another interesting app built on top of Playground is **Translate Live** (see [example](https://translate.wordpress.org/projects/wp-plugins/friends/dev/de/default/playground/)) which, in combination with OpenAI provides a WordPress translations tool “in place” where translations can be seen and modified in their real context (see example). Read more about this tool at [Translate Live: Updates to the Translation Playground](https://make.wordpress.org/polyglots/2023/05/08/translate-live-updates-to-the-translation-playground/) ## 󠀁[Work offline and as a native app](https://developer.wordpress.org/playground/handbook/about/build/?output_format=md#work-offline-and-as-a-native-app)󠁿 When you first visit [playground.wordpress.net](https://playground.wordpress.net/), your browser automatically caches all the necessary files to use Playground. From that point on, you can access [playground.wordpress.net](https://playground.wordpress.net/), even without an internet connection, ensuring you can continue working on your projects without interruptions. You can also install Playground on your device as a Progressive Web App (PWA) to launch the Playground directly from your home screen—just like a native app. Read [Introducing Offline Mode and PWA Support for WordPress Playground](https://make.wordpress.org/playground/2024/08/05/offline-mode-and-pwa-support/) for more info. ## 󠀁[Embed a WordPress site in non-web environments](https://developer.wordpress.org/playground/handbook/about/build/?output_format=md#embed-a-wordpress-site-in-non-web-environments)󠁿 The [How to ship a real WordPress site in a native iOS app via Playground?](https://developer.wordpress.org/playground/handbook/about/build/../guides/wordpress-native-ios-app?output_format=md) guide shows how we can leverage Playground to wrap a WordPress site into an IOS app. First published July 15, 2026 Last updated July 16, 2026 Edit article [ Improve it on GitHub: Build ](https://raw.githubusercontent.com/WordPress/wordpress-playground/trunk/packages/docs/site/docs/main/about/build.md) Changelog [ See list of changes: Build ](https://developer.wordpress.org/playground/handbook/about/build/?output_format=md#) [ Previous: About WordPress Playground](https://developer.wordpress.org/playground/handbook/about/) [ Next: Test](https://developer.wordpress.org/playground/handbook/about/test/)