Block Based Visual Blueprint Builder for WordPress Playground
Find a file
2025-07-30 00:06:33 +05:30
.github fix branch name inr blueprint 2025-07-24 22:20:15 +05:30
_playground feat (action): remove demo video and add GitHub Actions workflow for syncing to playground 2025-05-20 13:21:02 +05:30
assets/css blueprint gallery integration (#50) 2025-04-07 17:02:15 +05:30
inc update site option UI (#58) 2025-04-07 17:02:15 +05:30
languages Add internationalization (#46) 2025-01-13 15:16:31 +05:30
src fix: enable multisite step 2025-07-30 00:06:33 +05:30
.gitattributes add gitattributes 2024-09-17 16:16:01 -07:00
.gitignore wip 2024-09-06 18:34:40 +05:30
composer.json update text-domain & namespace (#38) 2024-11-07 14:55:47 +05:30
composer.lock wip 2024-09-06 18:34:40 +05:30
LICENSE Initial commit 2024-06-13 10:52:20 +02:00
package-lock.json add blueprint validation using Ajv (#57) 2025-04-07 17:02:15 +05:30
package.json add blueprint validation using Ajv (#57) 2025-04-07 17:02:15 +05:30
readme.md Update banner 2025-06-27 13:35:02 +05:30
webpack.config.js Step name normalise (#47) 2025-01-06 16:07:53 +05:30
wp-playground-blueprint-editor.php Add internationalization (#46) 2025-01-13 15:16:31 +05:30

Visual Blueprint Builder

Playground Demo Link

Overview

Playground Blueprint Editor is block based editing experience for building blueprint.json

Features

  • UI based json generation
  • blocks to build steps
  • Preview blueprint in playground
  • download blueprint.json
  • copy json code

Requirements

  • WordPress 6.4+
  • PHP 7.4+

Installation

  1. Download latest release from GitHub
  2. Visit Plugins > Add New
  3. Upload visual-blueprint-builder.zip file
  4. Activate Visual Blueprint Builder from plugins page

Development

1. Clone the Repository

Clone the repository to your local system:

git clone git@github.com:lubusIN/visual-blueprint-builder.git 

2. Go to package folder

cd visual-blueprint-builder

3. Install Dependencies

npm install
composer install

4. Build Plugin

Build or start the development environment:

npm run build       # Compile the source files
# OR
npm run start       # Watch for changes and auto-compile

5. Launch Playground

Start a local WordPress playground using wp-now:

npx @wp-now/wp-now start

Note

Refer to package.json for additional available npm commands.

Meet Your Artisans

LUBUS is a web design agency based in Mumbai, India.

Credits

License

Visual Blueprint Builder is open-sourced plugin licensed under the GPL-3.0 license