First viewport
Open a Playground like a browser tab
The start screen is operational: choose a route, see its real inputs, then keep save state and the live WordPress frame in view.
Temporary site
Network allowed
PHP 8.3 ready
Launch source
Each route has a different contract before a tab can boot.
Vanilla WordPress
Choose WordPress version, PHP version, language, network, and multisite.
Starts immediately after settings are applied.
WordPress PR
Needs a Core PR number or GitHub pull request URL.
Previews a WordPress build.
Gutenberg PR or branch
Accepts a PR number, pull request URL, or branch name.
Boots with the Gutenberg source selected.
From GitHub
Connect a GitHub account to import a public plugin, theme, or wp-content directory.
Token is not stored after refresh.
Blueprint URL
Paste a blueprint.json URL and run it against the active or new site.
Remote recipe, visible before run.
Import .zip
Choose a local Playground export zip from the file picker.
Can replace the current filesystem.
Featured Blueprint shortcuts
Fast starts stay available from the browser new-window screen.
Art Gallery Website, Personal
Coffee Shop WooCommerce, Store
Feed Reader with the Friends Plugin RSS, social web
Gaming News Website, News
Non-profit Organization Website, Organization
View all 43 blueprints Open the catalog
Visible current-product flow
A single path shows launch, save destination, progress, saved identity, rename/delete, reload, and import consequences.
1
Launch
Gutenberg branch trunk entered in the route drawer; a new browser tab boots.
2
Save in browser
Progress: Saving 3028 / 3751 files into browser storage.
3
Saved identity
Tab title becomes Research Browser Playground with slug research-browser-playground.
4
Manage
Rename edits the title. Delete warns that the saved browser copy is removed.
5
Reload or import
Save and Reload applies settings. Import .zip warns before replacing files.
WordPress frame
/hello-from-playground/
Unsaved Playground
My WordPress Website
Hello from WordPress Playground!
Sample Page
Hello from WordPress Playground!
This is Playground, a WordPress that runs client-side in your browser. It is useful for training, testing plugins and themes, and trying changes safely.
Note that you are logged-in as admin.
Discover the mission behind Playground
W
Save modal redesigned as a drawer
Choose where this tab becomes durable
Temporary until saved
Save in this browser
Stores the Playground in browser storage and makes it available in the saved list on this device.
Playground name
Saving 3028 / 3751 files. Result: browser saved slug research-browser-playground.
Save in browser
Save to a local directory
Uses a local directory selected by the browser. The saved site remains tied to that chosen folder.
Destination
Choose directory
Save to directory
Progress result: 3751 files copied to local directory, then the tab reads Saved to local directory.
Unsaved consequence:
closing the tab, refreshing the page, applying destructive settings, or importing over the current site can discard temporary work.
Saved Playgrounds
Manage browser-backed and temporary tabs
Start another Playground
Unsaved Playground Not saved to browser storage. Save before refresh.
Save
Local Client Demo Saved to selected local directory. Reload required after settings change.
Open
Delete reference
Delete preview: deleting Research Browser Playground removes the browser-stored site. It does not delete exported zip files or GitHub repositories.
Site Manager as side drawer
Operate the active WordPress tab
WP Admin
Homepage
More actions
Settings
File browser
Blueprint
Database
Logs
File browser
New File
New Folder
Upload files
Browse files
/wordpress
wp-admin
wp-content
wp-includes
wp-config.php
define( 'DB_NAME', 'database_name_here' );
define( 'DB_USER', 'username_here' );
define( 'DB_PASSWORD', 'password_here' );
define( 'DB_HOST', 'localhost' );
Blueprint editor
Copy link to blueprint
Download bundle
Run Blueprint
{
"landingPage": "/hello-from-playground/",
"preferredVersions": { "php": "8.3", "wp": "latest" },
"steps": [{ "step": "runPHPWithOptions" }]
}
Database
Database management is an early access feature. WordPress Playground emulates MySQL using SQLite.
Driver MySQL emulation backed by SQLite
SQLite database path /wordpress/wp-content/database/.ht.sqlite
Size 452 KB
Download database.sqlite
Open Adminer
Open phpMyAdmin
Logs
Playground No problems so far.
WordPress No PHP warnings captured.
PHP Empty error log.
Blueprint gallery
Catalog, inspect, then run
Run selected Blueprint
All 43
Featured 6
Website 18
Personal 8
Content 7
Themes 10
Gutenberg 5
Experiments 4
WooCommerce 3
News 2
Feed Reader with the Friends Plugin rss, social web, plugin
Art Gallery website, personal, Vueo theme
Coffee Shop WooCommerce, store, custom theme
Gaming News website, news, Spiel theme
Non-profit Organization organization, donation content
Personal Blog personal, blog, Substrata theme
Block Theme Starter themes, Gutenberg
Woo Product Demo WooCommerce, products
Twenty Twenty-Five Content Set content, website
SQLite Lab experiments, database
Pattern Directory Demo Gutenberg, content
Theme Preview Kit themes, website
Friends Plugin preview
Feed Reader with the Friends Plugin
Uses the Friends plugin so a learner can read feeds from the web in Playground and inspect how plugin activation, content, and settings are scripted.
Category Featured, Content
Tags rss, social web
Actions Inspect JSON, Run Blueprint, Download bundle
Inspect blueprint.json
Copy URL
Run Blueprint
Transfers
Import and export without hiding consequences
Artifacts
Import .zip
Opens the native file chooser. Importing over this tab replaces the current WordPress files and database snapshot.
Choose .zip and import
Result state: imported Playground opens as a new or replaced browser tab.
Export to GitHub
Publishes the active Playground artifact after connecting a GitHub account.
Connect GitHub
Download as .zip
Downloads the active filesystem so it can be imported later through the .zip route.
Download .zip
Blueprint URL
Run a remote Blueprint URL and preview that it may install plugins, themes, content, and settings.
Blueprint URL
Run Blueprint URL