Repolode
webstudio-is

webstudio-is/webstudio

开源可视化网站搭建平台,可对接无头 CMS 并支持自托管,定位为 Webflow 的替代方案。

可替代:Webflow

Star
9,149
Fork
1,640
未关闭 Issue
345
最近提交
17小时前

这是什么?

Webstudio 是一个在浏览器中进行可视化开发的网站搭建平台,设计师和开发者可以直接在画布上排版页面。项目支持所有 CSS 属性,并可对接任意无头 CMS 作为内容来源。

它强调数据与基础设施的自主可控:既可以直接使用官方托管版本,也可以自行部署,并可部署在包括 Cloudflare 在内的任意环境中。核心代码以 AGPL-3.0 协议开源,其中可选的动画 SDK 组件包为专有软件,需接受单独的 EULA。

项目基于 TypeScript 开发,使用 Remix 和 Radix UI 构建,并面向 Cloudflare Workers 等边缘运行环境。

核心功能

  • 01可视化搭建页面,支持全部 CSS 属性。
  • 02可对接任意无头 CMS 作为内容来源。
  • 03支持自托管,也可使用官方托管服务。
  • 04可部署到 Cloudflare Workers 等环境。
  • 05基于 TypeScript、Remix 和 Radix UI 构建。

适用场景

  • 希望使用 Webflow 式可视化搭建工具、又不想被单一厂商绑定的团队。
  • 内容存放在无头 CMS 中、需要可视化前端的网站。
  • 必须将网站数据和托管保留在自有基础设施上的组织。

快速上手

  1. 1

    阅读文档中的自托管与开发环境设置说明

使用前须知

  • 采用 AGPL-3.0 许可证,属于具有网络使用义务的 Copyleft 许可证。
  • 可选的 sdk-components-animation 包为专有软件,使用前需接受 EULA。

收录于专题

标签

常见问题

webstudio 是什么?
开源可视化网站搭建平台,可对接无头 CMS 并支持自托管,定位为 Webflow 的替代方案。 Webstudio 是一个在浏览器中进行可视化开发的网站搭建平台,设计师和开发者可以直接在画布上排版页面。项目支持所有 CSS 属性,并可对接任意无头 CMS 作为内容来源。
webstudio 可以免费使用吗?用的什么许可证?
webstudio 以 AGPL-3.0 许可证开源。用于商业产品前,请先确认许可证条款。
webstudio 还在维护吗?
活跃维护中。webstudio 最近一次提交是在 2026年11月6日。
webstudio 适合用来做什么?
希望使用 Webflow 式可视化搭建工具、又不想被单一厂商绑定的团队。 内容存放在无头 CMS 中、需要可视化前端的网站。 必须将网站数据和托管保留在自有基础设施上的组织。
webstudio 怎么安装和运行?
阅读文档中的自托管与开发环境设置说明
在哪里获取 webstudio?
源代码和安装说明在 GitHub 上:https://github.com/webstudio-is/webstudio

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

相关项目