Low Code Awesome
约 4 分钟阅读
一般指前端或前端+后端对接代码代码,纯后端 Low/No-Code 为 BaaS
- 适用场景
- 不懂代码的人需要得到操作代码的能力
- 减少重复工作 - DSL 是一种抽象
- 不适用场景
- 复杂交互
- 美观页面
- LCDP - low-code development platform
- 可视化编辑
- Low-Code
- 低代码
- 可能是生成代码
- 可能能利用现有组件
- 生成代码到仓库可自行定制化
- 例如: DSL 生成代码, Web Builder 生成代码, 接口生成代码
- No-Code
- Web Builder
- 基础应用无代码
- 固定领域
- 例如: 流程, SQL Builder, Web Page
- Pro-Code
- 从根本上降低从头构建一个系统的复杂度
- 例如: React
- 代码在哪里
- 生成后提交到仓库
- 生成在本地
- 不生成,只有元数据,运行时动态构建
- 方式目的
- 面向数据 - AirTable、Superset
- 链接 数据源
- 读数据 - 探索、挖掘、分析、聚合
- 写数据 - 快速提交表单、调查
- 面向设计 - Figma
- 页面布局、元素数据
- 输出 HTML、DSL
- 面向内容 - Notion
- CMS 内容
- 面向逻辑 - Blockly
- 可视化编辑代码逻辑
- Node Editor - 流程
- 面向数据 - AirTable、Superset
- BuilderIO/builderGitHubBuilderIO/builderJSON Declarative - Model · Code - WASM, QuickJS, Sandbox · esbuild · 让 Go 直接构建 ESM 成为可能 · BuilderIO · builder · Drag and drop page builder笔记:Design Builder
Page Builder
- MIT, React, Vue, Angular
- builderio/jsx-liteGitHubbuilderio/jsx-lite JSX to Vue, React, Solid, Angular, Svelte, Liquid
- builderio/figma-htmlGitHubbuilderio/figma-html
Figma to HTML, CSS, React, Vue
- 基于 JSXLite
- BuilderIO/mitosisGitHubBuilderIO/mitosis
- Write components once, run everywhere
- Vue, React, Solid, Angular, Svelte, Figma, Webcomponents, RN, SwiftUI
- saltcorn/saltcornGitHubsaltcorn/saltcorn
- MIT, JS+TS
- Budibase/budibaseGitHubBudibase/budibase
- dashjoin/platformGitHubdashjoin/platform
- AGPLv3, Java
- Open Source & Cloud Native Low Code Development Platform
- motor-admin/motor-adminGitHubmotor-admin/motor-admin
- AGPLv3, Rube+Vue
- no-code admin panel
- pankod/refineGitHubpankod/refine
- MIT, React, AntD
- 停止开发
- alibaba/lowcode-engineGitHubalibaba/lowcode-engine
面向原型设计
- concrete-utopia/utopiaGitHubconcrete-utopia/utopia
- MIT, TypeScript, React
- 解析 react 代码,编辑元素属性、样式、布局,修改结果写回到代码
- utopia.app/p/36ae27be-welcome-to-utopia
- penpot/penpotGitHubpenpot/penpot
- MPL-2.0, Clojure
- design & prototyping platform
- HNHacker NewsHacker News #30407913Hacker News
- KlausSchaefers/quant-uxGitHubKlausSchaefers/quant-ux
- GPL-3.0, Vue
- 前端 GPL 意味着只能单独使用
面向数据
- Airtable-like / Spreadsheets / Excel
- rowyio/rowyGitHubrowyio/rowy
- Apache-2.0, TS
- nocodb/nocodbGitHubnocodb/nocodbnocodb/nocodb · AGPLv3, Typescript+Vue · Group By #188 · Kanban #140笔记:nocodb
- AGPL-3.0, Vue
- gristlabs/grist-coreGitHubgristlabs/grist-core
- Apache-2.0, TS
- rowyio/rowyGitHubrowyio/rowy
- lowdefy/lowdefyGitHublowdefy/lowdefy
build internal tools, web apps, admin panels, BI dashboards, workflows, and CRUD apps with YAML or JSON.
- Apache-2.0, JS
- 基于 yaml 生成 - block, operator, action, requests
- 可以借鉴 YAML 设计结构
- frappe/frappeGitHubfrappe/frappe
- MIT, Python+MariaDB
- appsmithorg/appsmithGitHubappsmithorg/appsmith
Build custom CRUD apps that talk to any API or database
- Apache-2.0, Typescript+Java
- ToolJet/ToolJetGitHubToolJet/ToolJet
no-code platform for building and deploying internal tools
- AGPL-3
Builder
- prevwong/craft.jsGitHubprevwong/craft.jsprevwong/craft.js · MIT, React · drag and drop page editors · 编辑模式对现有组件侵入 · @craftjs/core · 150kb - self 30kb + @craftjs/utils 13kb + lodash 96kb + immer + nanoid笔记:craft.js
- premieroctet/openchakraGitHubpremieroctet/openchakra
- 开发不活跃
- webcodesk.com
- plasmicapp/plasmicGitHubplasmicapp/plasmic
- MIT, TS
- 依赖 plasmic 平台接口 - 类似 builderio
- vs. Others
- Shopify/hydrogenGitHubShopify/hydrogen
- React-based framework for building dynamic, Shopify-powered custom storefronts
商业
- 轻流 qingflow.com
- cloud.tencent.com/product/weda
- responsevault.com/demo
- convertigo/convertigoGitHubconvertigo/convertigo
- AGPL, Java, Vue
- Server - MBaaS, Studio - Mobile Builder, SDK, Forms
- cortezaproject/corteza-serverGitHubcortezaproject/corteza-server
- Apache-2.0, Go
- 后端开源
- Demo latest.cortezaproject.org
- 商业版 crust.tech
- crusttech/crust-serverGitHubcrusttech/crust-server
- Crust CRM
- Crust Messaging
- Crust Compose - Low Code Development platform
- Crust Unify
- jogetworkflow/jw-communityGitHubjogetworkflow/jw-community
no-code/low-code application platform that combines the best of rapid application development, business process automation and workflow management
- GPLv3, Java
- openxava/openxavaGitHubopenxava/openxava
- appsemble/appsembleGitHubappsemble/appsemble
LGPL-3.0
- TypeScript
- Rintagi/Low-Code-Development-PlatformGitHubRintagi/Low-Code-Development-Platform
- C#
- skyvers/skyveGitHubskyvers/skyve
- LGPL-2.1, Java
- blocks/blocksGitHubblocks/blocks
JSX Page Builder
- MIT, JS
- 开发停滞
国内项目
- nocobase/nocobaseGitHubnocobase/nocobase
- Apache-2.0, TS
- demo.nocobase.com/new
- sequelize
- migration umzug
- taowen/awesome-lowcodeGitHubtaowen/awesome-lowcode 国内低代码平台
- alibaba/x-renderGitHubalibaba/x-render 阿里飞猪 中后台「表单 / 表格 / 图表」解决方案
- alibaba/formilyGitHubalibaba/formilyalibaba/formily · 支持 React 和 Vue · 扩展 jsonschema · 增加 x- 属性 · x-decorator · x-decorator-props · x-component · x-component-props笔记:formily
- 基于 jsonschema 表单生成
- alibaba/lowcode-engineGitHubalibaba/lowcode-engine
- baidu/amisGitHubbaidu/amis
JSON 配置生成页面
- 百度 suda 平台前端
- 可学习借鉴 JSON 模型设计
- zhangdaiscott/jeecg-bootGitHubzhangdaiscott/jeecg-boot
- Apache, Java 代码生成器
- SpringBoot 2.x,SpringCloud,Ant Design&Vue,Mybatis-plus,Shiro,JWT
- MySQL+Redis, Java+Vue
- ymm-tech/gods-penGitHubymm-tech/gods-pen
mobile page builder/editor
- MIT, Vue
- 网页制作平台
- sparrow-js/sparrowGitHubsparrow-js/sparrow
- MIT, Typescript+Vue+element-ui
- online
- ly525/luban-h5GitHubly525/luban-h5
- GPL-3.0, Vue
- MrXujiang/h5-DooringGitHubMrXujiang/h5-Dooring
- GPL, TypeScript+React
- dva, less, umi, antd, axios, react-dnd, zarm, koa, ramda
- wangyuan389/mall-cookGitHubwangyuan389/mall-cook
- 商城低代码平台,可视化搭建 H5、小程序多端商城
- w5teams/w5GitHubw5teams/w5
- GPL-3.0, Python
- Security Orchestration, Automation and Response
- 流程编排
- vuegg/vueggGitHubvuegg/vuegg
- vue GUI generator
- i5ting/imoveGitHubi5ting/imove
- 开发停滞
- brick-design/brick-designGitHubbrick-design/brick-design
- MIT, TypeScript+Less+React
- umi, antd
- ascoders/gaea-editorGitHubascoders/gaea-editor
- Typescript+React
- umijs/sulaGitHubumijs/sula enterprise-level configurable framework based on antd
- ricbet//panel-magicGitHubricbet/panel-magic
- Angular
- brick-design/brick-designGitHubbrick-design/brick-design
表单
- alibaba/formilyGitHubalibaba/formilyalibaba/formily · 支持 React 和 Vue · 扩展 jsonschema · 增加 x- 属性 · x-decorator · x-decorator-props · x-component · x-component-props笔记:formily React/Vue2/Vue3 表单解决方案
- JakHuang/form-generatorGitHubJakHuang/form-generator
- MIT, Vue+Element UI
不活跃项目
- react-ui-builder/structorGitHubreact-ui-builder/structor
React UI Builder
- Apache-2.0
- 项目已经归档
- react-ui-builder/react-ui-builder-editorGitHubreact-ui-builder/react-ui-builder-editor
- GPL-3.0
- vigetlabs/colonel-kurtzGitHubvigetlabs/colonel-kurtz
Block Editor
- 开发停滞
- vuegg/vueggGitHubvuegg/vuegg
vue GUI generator
- MIT
- 开发停滞
编排
- n8n
- node-red
- w5teams/w5GitHubw5teams/w5
- GPL-3.0
逻辑
- ykfe/imoveGitHubykfe/imove 流程可视化
ERP
- odoo/odooGitHubodoo/odoo
- LGPLv3
- getrebuild/rebuild 企业管理系统
商业化
- 国外
- retool
- uibakery
- radzen
- outsystems
- internal
- AppGyver
- Zoho Creator
- AppSheet
关联信息
反向链接、本文链接的其他页面和外部资料。
参考资料
GitHub58 条
- alibaba/formilygithub.com/alibaba/formily
- alibaba/lowcode-enginegithub.com/alibaba/lowcode-engine
- vuegg/vuegggithub.com/vuegg/vuegg
- w5teams/w5github.com/w5teams/w5
- alibaba/x-rendergithub.com/alibaba/x-render
- appsemble/appsemblegithub.com/appsemble/appsemble
- appsmithorg/appsmithgithub.com/appsmithorg/appsmith
- ascoders/gaea-editorgithub.com/ascoders/gaea-editor
- baidu/amisgithub.com/baidu/amis
- blocks/blocksgithub.com/blocks/blocks
- brick-design/brick-designgithub.com/brick-design/brick-design
- Budibase/budibasegithub.com/Budibase/budibase
- Budibase/budibase/packages/types/src/documents/document.tsgithub.com/Budibase/budibase/blob/develop/packages/types/src/documents/document.ts
- BuilderIO/buildergithub.com/BuilderIO/builder
- builderio/figma-htmlgithub.com/builderio/figma-html
- builderio/jsx-litegithub.com/builderio/jsx-lite
- BuilderIO/mitosisgithub.com/BuilderIO/mitosis
- concrete-utopia/utopiagithub.com/concrete-utopia/utopia
- convertigo/convertigogithub.com/convertigo/convertigo
- cortezaproject/corteza-servergithub.com/cortezaproject/corteza-server
- crusttech/crust-servergithub.com/crusttech/crust-server
- dashjoin/platformgithub.com/dashjoin/platform
- frappe/frappegithub.com/frappe/frappe
- gristlabs/grist-coregithub.com/gristlabs/grist-core
- i5ting/imovegithub.com/i5ting/imove
- JakHuang/form-generatorgithub.com/JakHuang/form-generator
- jogetworkflow/jw-communitygithub.com/jogetworkflow/jw-community
- KlausSchaefers/quant-uxgithub.com/KlausSchaefers/quant-ux
- lowdefy/lowdefygithub.com/lowdefy/lowdefy
- ly525/luban-h5github.com/ly525/luban-h5
- motor-admin/motor-admingithub.com/motor-admin/motor-admin
- MrXujiang/h5-Dooringgithub.com/MrXujiang/h5-Dooring
- nocobase/nocobasegithub.com/nocobase/nocobase
- nocodb/nocodbgithub.com/nocodb/nocodb
- odoo/odoogithub.com/odoo/odoo
- openxava/openxavagithub.com/openxava/openxava
- pankod/refinegithub.com/pankod/refine
- penpot/penpotgithub.com/penpot/penpot
- plasmicapp/plasmicgithub.com/plasmicapp/plasmic
- premieroctet/openchakragithub.com/premieroctet/openchakra
- prevwong/craft.jsgithub.com/prevwong/craft.js
- react-ui-builder/react-ui-builder-editorgithub.com/react-ui-builder/react-ui-builder-editor
- react-ui-builder/structorgithub.com/react-ui-builder/structor
- ricbet/panel-magicgithub.com/ricbet//panel-magic
- Rintagi/Low-Code-Development-Platformgithub.com/Rintagi/Low-Code-Development-Platform
- rowyio/rowygithub.com/rowyio/rowy
- saltcorn/saltcorngithub.com/saltcorn/saltcorn
- Shopify/hydrogengithub.com/Shopify/hydrogen
- skyvers/skyvegithub.com/skyvers/skyve
- sparrow-js/sparrowgithub.com/sparrow-js/sparrow
- taowen/awesome-lowcodegithub.com/taowen/awesome-lowcode
- ToolJet/ToolJetgithub.com/ToolJet/ToolJet
- umijs/sulagithub.com/umijs/sula
- vigetlabs/colonel-kurtzgithub.com/vigetlabs/colonel-kurtz
- wangyuan389/mall-cookgithub.com/wangyuan389/mall-cook
- ykfe/imovegithub.com/ykfe/imove
- ymm-tech/gods-pengithub.com/ymm-tech/gods-pen
- zhangdaiscott/jeecg-bootgithub.com/zhangdaiscott/jeecg-boot
Hacker News1 条
- Hacker News #30407913HN #30407913
其他外链15 条
- cloud.tencent.com/product/wedacloud.tencent.com/product/weda
- demo.nocobase.com/newdemo.nocobase.com/new
- divjoy.comdivjoy.com/
- docs.budibase.com/references-1/budibase-architecturedocs.budibase.com/references-1/budibase-architecture
- docs.plasmic.app/learn/comparisonsdocs.plasmic.app/learn/comparisons
- gitee.com/getrebuild/rebuildgitee.com/getrebuild/rebuild
- latest.cortezaproject.orglatest.cortezaproject.org/
- lowcode-engine.cn/demo/index.htmllowcode-engine.cn/demo/index.html
- qingflow.comqingflow.com/
- responsevault.com/demoresponsevault.com/demo
- sparrow-js.github.io/sparrow-onlinesparrow-js.github.io/sparrow-online
- utopia.app/p/36ae27be-welcome-to-utopiautopia.app/p/36ae27be-welcome-to-utopia
- webcodesk.comwebcodesk.com/
- www.crust.techwww.crust.tech/
- xrender.fun/playgroundxrender.fun/playground