grapesjs は無料で使えますか？ライセンスは？

grapesjs は Other ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

grapesjs は今もメンテナンスされていますか？

活発にメンテナンス中。grapesjs の最終コミットは 2026年10月21日です。

grapesjs は何に使えますか？

CMSにビジュアルページエディターを追加し、開発者でないユーザーがテンプレートを作成できるようにするドラッグ＆ドロップエディターでメールニュースレターのテンプレートを作成する独自のWebアプリケーション内にノーコードのWebサイトビルダーを構築する

grapesjs のインストール方法は？

npmからGrapesJSをインストールする: npm i grapesjs READMEの使用例に示されているように、CSSファイルとJSファイルを読み込み、initスクリプトを含むコンテナdivを作成する

grapesjs はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/GrapesJS/grapesjs

GrapesJS/grapesjs

Q: grapesjs は今もメンテナンスされていますか？

活発にメンテナンス中。grapesjs の最終コミットは 2026年10月21日 です。

HTMLテンプレートやページエディターを、コードを書かずにドラッグ＆ドロップで構築できる無料のオープンソースWebビルダーフレームワーク。

代替できる製品:Wix Webflow

GitHub で見る公式サイト

スター: 26,328
フォーク: 4,653
未解決の Issue: 30
最終コミット: 15 時間前

これは何？

GrapesJSは、Webサイト、ニュースレター、モバイルアプリで使うHTMLテンプレートを視覚的に作成できる、無料のオープンソースWebビルダーフレームワークです。主にCMSへの組み込みを想定して設計されており、ユーザーはコードを書かずに動的なテンプレートを作成できます。テンプレートは構造（HTML）、スタイル（CSS）、変数で構成され、変数はサーバー側で値が設定された後、クライアント側でレンダリングされます。

エディターには、ブロックマネージャー、スタイルマネージャー、レイヤーマネージャー、コードビューアー、アセットマネージャーが用意されています。ローカルストレージとリモートストレージに対応し、コンポーネントの作成・管理用コマンドも組み込まれています。npm、unpkgやCDNJSなどのCDN、Gitを通じて配布されています。

コア機能はプラグインシステムで拡張できます。また、Reactラッパー、Webページとニュースレター（MJML）用のビルダープリセット、コンポーネント、ストレージ、スタイルプロパティ向けの公式・コミュニティ製プラグインが数多く提供されています。

主な機能

01ドラッグ＆ドロップでページ構造を作成するブロックマネージャー
02コンポーネントのCSSを視覚的に編集できるスタイルマネージャー
03テンプレートを確認できるレイヤーマネージャーとコードビューアー
04画像などのメディアを管理するアセットマネージャー
05テンプレートを保存できるローカルストレージとリモートストレージ
06ReactラッパーとWebページ・ニュースレター用プリセットを備えたプラグインシステム

ユースケース

CMSにビジュアルページエディターを追加し、開発者でないユーザーがテンプレートを作成できるようにする
ドラッグ＆ドロップエディターでメールニュースレターのテンプレートを作成する
独自のWebアプリケーション内にノーコードのWebサイトビルダーを構築する

クイックスタート

1
npmからGrapesJSをインストールする
npm i grapesjs
2
READMEの使用例に示されているように、CSSファイルとJSファイルを読み込み、initスクリプトを含むコンテナdivを作成する

トピック

#web-builder #drag-and-drop #html-editor #visual-editor #no-code #cms #template-builder #framework #nocode #page-builder

よくある質問

grapesjs とは？: HTMLテンプレートやページエディターを、コードを書かずにドラッグ＆ドロップで構築できる無料のオープンソースWebビルダーフレームワーク。 GrapesJSは、Webサイト、ニュースレター、モバイルアプリで使うHTMLテンプレートを視覚的に作成できる、無料のオープンソースWebビルダーフレームワークです。主にCMSへの組み込みを想定して設計されており、ユーザーはコードを書かずに動的なテンプレートを作成できます。テンプレートは構造（HTML）、スタイル（CSS）、変数で構成され、変数はサーバー側で値が設定された後、クライアント側でレンダリングされます。
grapesjs は無料で使えますか？ライセンスは？: grapesjs は Other ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
grapesjs は今もメンテナンスされていますか？: 活発にメンテナンス中。grapesjs の最終コミットは 2026年10月21日です。
grapesjs は何に使えますか？: CMSにビジュアルページエディターを追加し、開発者でないユーザーがテンプレートを作成できるようにするドラッグ＆ドロップエディターでメールニュースレターのテンプレートを作成する独自のWebアプリケーション内にノーコードのWebサイトビルダーを構築する
grapesjs のインストール方法は？: npmからGrapesJSをインストールする: npm i grapesjs READMEの使用例に示されているように、CSSファイルとJSファイルを読み込み、initスクリプトを含むコンテナdivを作成する
grapesjs はどこで入手できますか？: ソースコードとインストール手順は GitHub にあります：https://github.com/GrapesJS/grapesjs

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。