silexlabs/Silex

これは何？

主な機能

• 01HTML、CSS、JSの編集に対応したドラッグ＆ドロップ式ビジュアルエディター
• 02どこでもホスティングできる、クリーンな静的HTML/CSSを書き出し
• 03WordPress、Strapi、Squidex、またはGraphQLのコンテンツをコンポーネントに紐付け
• 0411tyと連携したテンプレートベースの静的サイト生成
• 05JS/TSでサーバーとクライアントを拡張できるプラグインシステム
• 06Docker、Node.js、またはCapRoverを使ったセルフホスト

ユースケース

• クライアントのWebサイトをビジュアルに構築し、標準的な静的ファイルとして納品する
• ホステッド型ビルダーへの依存やベンダーロックインを避けて、マーケティングサイトやポートフォリオサイトを作る
• WordPressをコンテンツソースとして使い、テーマ層をビジュアルなフロントエンドに置き換える
• デスクトップアプリでMCP接続のAIアシスタントを使いながらページをデザインする

クイックスタート

1. 1

   サブモジュールを含めてリポジトリをクローンします

   git clone --recurse-submodules https://github.com/silexlabs/Silex.git
2. 2

   プロジェクトフォルダーに移動します

   cd Silex
3. 3

   依存関係をインストールし、ビルドしてサーバーを起動します

   pnpm install && pnpm build && pnpm start
4. 4

   ブラウザーで http://localhost:6805 を開きます

使う前に知っておきたいこと

• !デスクトップアプリはまだアルファ版です。
• !AGPL-3.0 ライセンスの下で提供されています。これは強いコピーレフトライセンスで、改変したバージョンを配布またはホストする場合に適用されます。

収録されている特集

トピック

よくある質問

Silex とは？

ドラッグ＆ドロップでページをデザインし、どこでもホスティングできる静的HTML/CSSサイトを書き出せる、自由なビジュアルWebサイトビルダー。 Silexは、GrapesJSをベースにしたブラウザ上で動作するビジュアルエディターです。コードを書かずにWebサイトを構築でき、コンポーネントの配置やHTML、CSS、JSの編集を行い、標準的な静的HTML/CSSとして公開できます。そのため、独自形式や特定のホスティングプロバイダーに縛られません。

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

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

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

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

Silex は何に使えますか？

クライアントのWebサイトをビジュアルに構築し、標準的な静的ファイルとして納品する ホステッド型ビルダーへの依存やベンダーロックインを避けて、マーケティングサイトやポートフォリオサイトを作る WordPressをコンテンツソースとして使い、テーマ層をビジュアルなフロントエンドに置き換える デスクトップアプリでMCP接続のAIアシスタントを使いながらページをデザインする

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

サブモジュールを含めてリポジトリをクローンします: git clone --recurse-submodules https://github.com/silexlabs/Silex.git プロジェクトフォルダーに移動します: cd Silex 依存関係をインストールし、ビルドしてサーバーを起動します: pnpm install && pnpm build && pnpm start ブラウザーで http://localhost:6805 を開きます

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

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