Repolode
提交项目
silexlabs

silexlabs/Silex

开源免费的可视化网站搭建工具，拖拽设计页面并导出可部署到任意主机的静态 HTML/CSS 站点。

可替代:WebflowWix

在 GitHub 查看官网
Star
3,033
Fork
701
未关闭 Issue
58
最近提交
20小时前

这是什么？

Silex 是一个基于 GrapesJS 的可视化网站编辑器，无需写代码即可通过拖拽搭建页面，同时支持直接编辑 HTML、CSS 和 JS。作品最终导出为标准的静态 HTML/CSS，不绑定专有格式或特定托管商。

除静态页面外，Silex 还能将组件绑定到 WordPress、Strapi、Squidex 或任意 GraphQL API 的内容，并兼容 11ty 从模板生成站点。插件系统允许开发者用 JS/TS 扩展服务端和客户端，每个页面的 SEO 设置（如 meta 标签、Open Graph）也可单独配置。

项目可通过在线版使用，也可用 Docker 或 Node.js 自部署；桌面版（alpha）基于 Tauri 构建，支持 Windows、macOS 和 Linux，并内置 MCP 服务器，方便 AI 工具协助创建和修改网站。

核心功能

  • 01拖拽式可视化编辑器，支持 HTML、CSS、JS 编辑
  • 02导出干净的静态 HTML/CSS，可部署到任意主机
  • 03将组件绑定到 WordPress、Strapi、Squidex 或 GraphQL 内容
  • 04兼容 11ty，可基于模板生成静态站点
  • 05提供 JS/TS 插件系统，扩展服务端和客户端
  • 06支持通过 Docker、Node.js 或 CapRover 自部署

适用场景

  • 为客户可视化搭建网站并交付标准静态文件
  • 在不依赖托管建站平台的前提下制作营销页或作品集网站
  • 以 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

使用前须知

  • 桌面应用仍处于 alpha 阶段。
  • 采用 AGPL-3.0 许可证，这是一种强 Copyleft 许可证，适用于你分发或托管的修改版本。

收录于专题

MCP Server 精选静态网站生成器与文档工具

标签

#website-builder#no-code#visual-programming#static-site#grapesjs#jamstack#cms-integration#mcp#composable#design

常见问题

Silex 是什么？
开源免费的可视化网站搭建工具，拖拽设计页面并导出可部署到任意主机的静态 HTML/CSS 站点。 Silex 是一个基于 GrapesJS 的可视化网站编辑器，无需写代码即可通过拖拽搭建页面，同时支持直接编辑 HTML、CSS 和 JS。作品最终导出为标准的静态 HTML/CSS，不绑定专有格式或特定托管商。
Silex 可以免费使用吗？用的什么许可证？
Silex 以 AGPL-3.0 许可证开源。用于商业产品前，请先确认许可证条款。
Silex 还在维护吗？
活跃维护中。Silex 最近一次提交是在 2026年11月6日。
Silex 适合用来做什么？
为客户可视化搭建网站并交付标准静态文件 在不依赖托管建站平台的前提下制作营销页或作品集网站 以 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

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目