我对基于 React 的开源拖放式网站构建器的搜索

2025-06-10

我对基于 React 的开源拖放式网站构建器的搜索

我正在寻找一款能够充分利用 React 强大功能并提供拖放式界面的开源网站构建器。如果您也正在寻找,这里有一些值得一看的项目。

1. GrapesJS

  • 清晰度:提供简单的拖放界面。
  • 专业光环:由具有强大前端技术背景的开发人员创建。
  • 上下文匹配:适合新手和经验丰富的开发人员。

我目前的评价是:乍一看,它和 WebFlow 非常相似。这很棒,只是使用起来似乎有点复杂。我会进一步研究,看看是否有办法简化它。值得庆幸的是,它遵循 BSD 3-Clause 许可证(更多关于许可证的信息,请参阅之前的文章)。

2. Craft.js

  • 流程:逻辑性强、易于理解的组件层次结构。
  • 词汇多样性:使用一系列与 React 和网站建设相关的术语。
  • 非人工智能本质:社区驱动,感觉明显人性化。

我目前的感受:乍一看比 GrapeJS 简单,不过我还需要进一步学习如何添加组件。MIT 许可证!嗯。

3. React 网格布局

  • Staccato Balance:文档简短,但包含相关示例。
  • 单一焦点:仅专注于网格布局功能。
  • 行业知识:在科技界广泛使用。

我目前的评价:这个插件没有达到我预期的效果。它只是一堆砖石卡片的拖放操作。它确实有用,但无法满足我们 WebCrumbs 目前的需求。

4. React DnD

  • 对话语气:文档令人愉快且易于理解。
  • 个性化感受:感觉就像直接与 React 开发人员交谈。
  • 确定性:提供一种明确的方法来整合拖放功能。

我目前的看法:和上面一样。不符合我们的需求(虽然棋盘的例子挺有意思)。

5. dnd 套件

  • 引人入胜的开始:从一开始就提供交互式演示。
  • 专业光环:开发时注重性能和可扩展性。
  • 行业知识:定期更新,反映当前的最佳实践。

我目前的评论:和上面一样,但是:非常漂亮。而且是 MIT 许可证!当我们想要构建类似 Kaban 的工具时会很有用。

最后的想法

接下来的几天,我会研究许可证,看看它们是否与我们的 WebCrumbs 开源项目匹配。希望我们能共同成长。祝我好运!

嘿!如果你热衷于 Web 开发,记得关注我们的 GitHub 仓库WebCrumbs,它的目标是成为 React 版的 WordPress。你的支持对我们帮助很大!

编码愉快!

GitHub 徽标 webcrumbs 社区/ webcrumbs

构建、重新使用和分享您自己的 JavaScript 插件,轻松匹配您的网站风格。🌟 点赞支持我们的工作!

我们非常高兴地宣布,我们正在对代码库进行重大改造。
目前,我们暂不接受贡献,但这种情况很快就会改变!👀为代码库点赞并在webcrumbs.org
注册,即可第一时间获悉代码库的上线时间。



Webcrumbs 徽标

构建、(重新)使用和分享您自己的 JavaScript 插件

订阅我们的新闻通讯      加入我们的 Discord

Webcrumbs屏幕








想象



WebCrumbs 致力于成为现代 Web 开发的行业标准解决方案,为 JavaScript 社区和相关框架(例如 React、Nextjs、Vue、Svelte 等)创建首个开放的插件生态系统。无论您是否是开发者,都能通过我们直观的管理面板和社区开发的丰富插件生态系统,轻松创建、管理和扩展您自己的网站。

图表







您的支持至关重要



如果您喜欢 WebCrumbs 的工作,不妨在 GitHub 上为我们点赞。您的支持对于完善我们的产品和发展我们的社区至关重要。请在 GitHub 上为 WebCrumbs 点赞。





为我们的存储库加注星标









帮助我们成长




  • 为存储库加注星标:如果您还没有(是的,就是您!),请给我们一个...




鏂囩珷鏉ユ簮锛�https://dev.to/opensourcee/best-open-source-drag-and-drop-website-builders-based-on-react-ll6
PREV
💸 使用 Opire 让开源贡献更有回报 🤑
NEXT
Bluesky Social Network 是什么?开发者为何对它如此感兴趣?