人的目的就是越来越懒，人工智能、AI等屡见不鲜，好比ChatGPT，所以开发者们也希望开发网站那块也是可视化，不要在写HTML/NodeJS等代码，不懂手艺的运营者，拖拖拽拽也能搞定。

可视化东西不断都有，而且汗青很长远，但是本文讨论的框架是有必然要求的，尤其是能扩展再造的，能够对接内容系统的，所以有以下几个因素要考虑，

1. 可视化，2. 开源，3. 能扩展，4. 能定义输出源码，5. 能搭配CMS，也是说跟内容办理系统集成，而不是一个零丁的东西。

因而，一些贸易的闭源的页面构建东西，好比如下几个就不做过多介绍。

Wix：目前全球顶级的网站建立平台。Squarespace：供给了丰硕的可视化设想东西的网站建立平台。Webflow：全面的可视化界面的网站。

综上，我们先后调研了多个开源可视化低代码页面构建框架，而且逐个比照，本文就逐个介绍一下。

开源可视化低代码页面构建框架选择对比 第1张

可视化WEB构建

开源可视化页面构建东西比照

GraPEs.JS

https://grapesjs.com/

Grapes.js是一个免费的开源的页面生成器，供给了简单的可视化界面，以帮忙用户快速创建网站，有极强的扩展性以及完美的申明文档。

开源可视化低代码页面构建框架选择对比 第2张

GrapesJS

Hugo

https://www.gohugo.io

Hugo也是一款开源、免费、功用强大的Webbuilder，在做者看来和GrapesJS应该八两半斤，而且还有企业版BetterCMS撑持，所以在选择Hugo仍是选择GrapesJS上面，仍是相当纠结的。

开源可视化低代码页面构建框架选择对比 第3张

Hugo

Pinegrow Web Editor

https://pinegrow.com/

Pinegrow Web Editor是一个免费的开源的页面生成器，供给了丰硕的可视化界面，以帮忙用户创建高效的网站。

开源可视化低代码页面构建框架选择对比 第4张

Pinegrow

Silex

https://www.silex.me/

Silex 是一个免费的开源的可视化页面生成器，供给了大量的模板和东西，以帮忙用户创建专业级的网站，用户体验，所见即所得方面，觉得比Grapes.JS都好一些，不外扩展性那块不是太强。

开源可视化低代码页面构建框架选择对比 第5张

Silex

Mobirise

https://mobirise.com/

Mobirise是一个免费的开源的网站生成器，供给了简单易用的可视化界面，以帮忙用户创建响应式网站，不外总体来说扩展性要差良多。

开源可视化低代码页面构建框架选择对比 第6张

Mobirise

结论

颠末多种比照，最末我们选择了GrapesJS，当然Hugo也是不错的，我们不克不及每一个框架都逐个调研，目前来看GrapesJS对接CMS/Drupal是完全能够胜任的，而且有大量文档，所以GrapesJS就成了我们最末的选择。

下图是一个国外网站对各个框架的比照，详细信息能够参考下面的链接

https://www.goodfirms.co/website-builder-software/blog/best-free-open-so...

开源可视化低代码页面构建框架选择对比 第7张

开源可视化框架比照

创做不容易，转载请说明出处！

===================

各人好，我是Robbin，来给各人讲CMS。

次要讲解若何利用开源Drupal + 可视化东西GrapeJS (构建)=> 可视化、模块化、低代码的、易上手的CMS平台。能够快速构建网站、手机站、产物站、在线教育、课程售卖、售后征询等平台的东西。

==================