WordPress Playground is a WordPress running in the browser without a PHP server.
Try the demo to experiment with an anonymous WordPress website where you can test-drive plugins and themes.
Embedding the WordPress Playground demo
You can embed WordPress Playground using an iframe. Note this is an experimental feature that may break or change without a warning.
<iframe style="width: 800px; height: 500px;" src="https://wasm.wordpress.net/wordpress.html?mode=seamless" ></iframe>
Setting up your local development environment
Start by creating a local development environment:
git clone https://github.com/WordPress/wordpress-playground cd wordpress-playground npm install npm run dev
A browser should open and take you to your very own WordPress Playground at
Here's a high-level breakdown of how WordPress Playground works:
wordpress.htmlstarts a Worker Thread and a ServiceWorker
- The Worker Thread starts PHP and populates the filesystem with a WordPress patched to run on SQLite
- The ServiceWorker starts intercepting all HTTP requests and forwarding them to the Worker Thread
<iframe src="/index.php">where the WordPress homepage is rendered
Visually, it looks like this:
Dig into the specific parts of the project: