GrapesJS Plugin Generator

Skip the boilerplate. Generate a professional, ready-to-code GrapesJS plugin scaffold using official developer best practices.

Plugin Configuration

Tailor your GrapesJS scaffold. Deselected features will be excluded from the generated code.

MIT License
grapesjs
plugin

Feature Awareness Selection

Custom Components

Add custom component types to the GrapesJS editor.

Blocks Manager

Integrate custom blocks into the side panel.

i18n Support

Enable multi-language support for your plugin.

Traits Manager

Custom settings and attributes for components.

Plugin Commands

Define global, reusable functions and editor actions.

UI Panels & Buttons

Add custom buttons, toolbars, and interface panels.

Style Extensions

Scaffold custom sectors and properties in style panel.

Storage hooks

Custom save/load logic for project data persistence.

Asset hooks

Integrate custom image management and browsing logic.

Modals UI

Manage custom dialogs and popups within the editor.

TypeScript ReadyBabel ConfiguredCLI Powered

Official Logic

Uses the same initialization logic as the official grapesjs-cli to ensure compatibility.

Modern Tooling

Generated projects include support for TypeScript, Babel, and a built-in development server.

Quick Start

Just extract, run npm install, and start building your next great extension.