Browse by category
GrapesJS Presets
GrapesJS presets are complete editor configurations that set up panels, blocks, plugins, and styles in one package. Instead of configuring GrapesJS from scratch for each project type, install a preset that matches your use case — web builder, newsletter editor, or landing page creator — and get a fully functional editor immediately. Browse available presets, compare included features, and find the right starting point for your project.
About GrapesJS Presets
GrapesJS presets are curated editor configurations that combine plugins, blocks, panels, and styles into a single installable package. The core GrapesJS library is intentionally minimal — it provides the engine but leaves most of the UI configuration to the developer. Presets remove that configuration burden by packaging all the decisions into a tested, documented starting point. On GJS.Market you will find presets for three main use cases: webpage builders, newsletter editors, and component library explorers. Webpage builder presets configure GrapesJS with a full block library, device preview toggles, a layer panel, a style manager, and a save and export system. Newsletter presets restrict the canvas to email-compatible components and add export utilities. Component explorer presets turn GrapesJS into a browsable, interactive component showcase. All presets on GJS.Market are versioned — each release notes which GrapesJS core version it was tested against. Premium presets include upgrade guides when the GrapesJS API changes between major versions.
GrapesJS Presets — FAQ
- What is a GrapesJS preset?
- A GrapesJS preset is a single npm package that configures the editor end to end: it registers blocks, panels, buttons, style sectors and often several plugins at once. You pass it to the editor's plugins array on initialisation and get a working editor instead of an empty canvas.
- How is a preset different from a plugin or a block library?
- A plugin adds one capability and a block library adds drag-and-drop sections, while a preset bundles many of both plus the panel and style configuration that ties them together. Presets are the starting point; plugins and block libraries are what you add on top of one.
- Which GrapesJS presets are official?
- The GrapesJS team maintains grapesjs-preset-webpage, grapesjs-preset-newsletter and grapesjs-blocks-basic. They are free, BSD-3-Clause licensed like the GrapesJS core, and track the core release cycle closely, which makes them the safest base for a long-lived project. Community and premium presets on GJS.Market extend or replace them.
- Can I customise a preset after installing it?
- Yes. Presets accept an options object at registration, so you can disable blocks you do not want, rename panel labels and override styles without forking. For deeper changes, register your own plugin after the preset — later plugins override earlier ones, so you can remove or replace anything the preset added.
- Are there free GrapesJS presets?
- Yes. The official presets are free and several community presets on GJS.Market are too. Use the price filter on this page to show only free listings. Premium presets typically add a larger block library, dedicated author support and upgrade guides for major GrapesJS versions.
Browse by tag