Grapesjs Web Builder Template Framework

---
name: "GrapesJS Open Source Web Builder and Template Design Framework"
slug: "grapesjs-web-builder-template-framework"
description: "GrapesJS is a free, open-source web builder framework for creating HTML templates without coding. With 25K+ GitHub stars, it powers drag-and-drop page builders, newsletter editors, and CMS template systems with a rich plugin ecosystem."
github_stars: 25682
verification: "security_reviewed"
source: "https://github.com/GrapesJS/grapesjs"
author: "GrapesJS"
category: "Templates & Workflows"
framework: "Multi-Framework"
tool_ecosystem:
  github_repo: "GrapesJS/grapesjs"
  github_stars: 25682
  npm_package: "grapesjs"
  npm_weekly_downloads: 156487
---

# GrapesJS Open Source Web Builder and Template Design Framework

GrapesJS is a free, open-source web builder framework for creating HTML templates without coding. It powers drag-and-drop page builders, newsletter editors, and CMS template systems with a rich plugin ecosystem.

## Installation

Requirements and caveats from upstream:
- or if you're in a Node environment

Basic usage or getting-started notes:
- This is a step-by-step guide for anyone who wants to create their own builder with GrapesJS. This is not a comprehensive guide, just a concise overview of the most common modules. Follow along to create a page builder...
- ::: tip
- Looking for a customizable version of GrapesJS with an embeddable, production-ready UI? [Explore the Grapes Studio SDK!](https://app.grapesjs.com/docs-sdk/overview/getting-started)

- Source: https://github.com/GrapesJS/grapesjs
- Extracted from upstream docs: https://raw.githubusercontent.com/GrapesJS/grapesjs/HEAD/docs/getting-started.md

## Source

- [Agent Skill Exchange](https://agentskillexchange.com/skills/grapesjs-web-builder-template-framework/)