WP Manifestindependent plugin directory
manifest / editor / lazy-blocks

Lazy Blocks

Use Lazy Blocks plugin to rapidly build custom blocks without ever leaving your WordPress editor

by Lazy Blocks Team · github.com/nk-crew/lazy-blocks · website

★ 339stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/nk-crew/lazy-blocks/archive/refs/heads/master.zip
No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.
Readme github.com/nk-crew/lazy-blocks ↗

Lazy Blocks - Custom Blocks Builder

WordPress Plugin Version WordPress Plugin Rating WordPress Plugin Downloads License

Build custom blocks for WordPress block editor (Gutenberg) without coding.

Website   Documentation   WordPress Plugin   Pro Version

Overview

Lazy Blocks is a WordPress plugin that helps you create custom blocks for the Gutenberg editor without coding. Key features:

  • 📝 Visual block builder with drag & drop interface
  • 🎛️ Rich set of controls (Text, Image, Gallery, etc.)
  • 🔄 Output blocks with PHP, HTML, or theme templates
  • ⚡ Extensive filters and actions for developers

Development

Prerequisites

  • PHP >= 8.0
  • Node.js >= 18.0
  • Composer >= 2.0

Getting Started

  1. Clone the repository
  2. Install dependencies:
    npm install

Development Commands

# Start development with file watcher
npm run dev

# Build for development
npm run build

# Build for production (with zip file)
npm run build:prod

Code Quality

We use automated tools to ensure code quality. Pre-commit and pre-push hooks are configured for:

  • PHP CodeSniffer
  • ESLint
  • Stylelint
# Linting
npm run lint:php    # Check PHP code
npm run lint:js     # Check JavaScript code
npm run lint:css    # Check CSS code

# Auto-fixing
npm run format:php  # Fix PHP code
npm run format:js   # Fix JavaScript code
npm run format:css  # Fix CSS code

Testing

We use WordPress's official testing environment powered by Docker and wp-env.

  1. Install Docker on your machine

  2. Start the server:

    npm run env:start

  3. Run tests:

    # End-to-end tests (Playwright)
npm run test:e2e

# PHP Unit tests
npm run test:unit:php

License

This project is licensed under the GPL-2.0-or-later License - see the LICENSE file for details.