列出让您的生活变得轻松的最佳无代码和低代码工具。包括Web应用程序构建器、UI框架、工作流构建器等。
什么是无代码和低代码工具？
在我的书中，任何每天在以下任何类别中为您节省数小时的工具都算作无代码/低代码工具：
- 托管（部署、扩展、安全）
- 后端（数据收集、数据处理、连接到API、数据存储）
- 用户帐户和付款（用户管理、会员资格、订阅）
- 前端（UI组件、状态管理、应用程序框架）
- 营销（登陆页面、电子邮件列表、分析、博客平台）
- 客户互动（收集反馈、可用性测试、路线图）
- 产品迭代（结合研究，快速构建新功能）
列入此列表的标准
为了减少这里列出的工具数量，我有一些严格的标准：
- 专为独立制造商设计（最多需要3小时才能设置）
- 独立制造商的价格（每月10-50美元）
- 设计精良（照你说做）
- 高度创新（比平均水平好10倍）
- 文档记录良好（可靠且易于导航）
- 积极维护（最近收到更新）
移动应用程序生成器
允许您快速构建在智能手机上工作的应用程序的工具。
- Adalo： 导出真正的移动应用程序。有一个数据库API。允许您触发原生智能手机通
- Glide： 在几分钟内将电子表格转换为响应式Web应用程序。非常适合简单的项目。不导出真正的移动应用程
- DraftBit： 具有出色的用户界面和动画。不支持导出真正的移动应用程序（但计划导出）。不支持自定义后端（但计划支持）
- Thunkable： 针对初学者，但仍然功能齐全。导出真正的移动应用程序。使用Scratch等就地快照代码用户界面
简单的后端即服务
这些产品提供了非常简单的服务，但可以轻松地将原本静态的站点转换为动态站点
- EasyDB： 将数据库添加到Web应用程序的最简单方法。除非您付款，否则数据库将在一段时间后过
- ls.tools：一项服务，允许您使用浏览器熟悉的localStorage API在云端拥有数
- userbase： 快速简便地启动和运行真正的应用程序，包括用户帐户和数据
- JSON Box： 一种快速简便的方式，可以将动态数据添加到您的网站或应用程序中。非常适合原型。对数据大小有一些限
认证即服务
让用户注册您的服务并访问个性化数据。
- Magic只需几行代码，您的应用程序可以支持各种无密码登录方
- Auth0： 允许用户从各种平台登录您的应用程序。如果您需要PCI或HIPAA合规性，尤其棒
- MemberStack添加安全的用户身份验证并接受任何网站上的付款。构建自定义SaaS应用程序或高级社区
- Memberful会员软件，用于创建付费社区。与其他无代码工具进行大量集成
面向复杂应用程序的后端服务
这些工具消除了对数据管理、数据存储、用户管理和文件存储的担忧。
- Xano： 为您的网络/移动应用程序构建一个没有代码的后端。包括自定义API端点、易于编辑的数据库和简单的用
- Hasura： 在GraphQL之上构建具有实时数据和身份验证的应用程序。构建现代API后端的最简
- AppWrite一个社区驱动的网络和移动设备开源后端。支持用户帐户、数据库和文
- base API简单、易于使用的界面，支持身份验证、发送电子邮件、上传
- Supabase： Firebase的开源替代品。实时数据。自动生成API。在发展的早期
- Firebase构建Web应用程序的更快方法之一，支持实时数据、用户帐户和开箱即用所需的一
- Prisma为您的数据库提供前端，使其更容易使用（查询构建器、迁移、编辑数据）
- AWS AppSyncGraphQL + 用户身份验证作为一项服务，并直接内置在AWS生态系统中
- Nhost喜欢firebase，但使用SQL和GraphQL而不是noSQL和REST。内置了用户帐户和文件上
应用程序生成器
这些让您在开发应用程序方面领先一步，通常配有清晰的代码、漂亮的UI组件、管理仪表板和无缝界面。
- Divjoy生成一个全栈React应用程序，内置登录页面、身份验证、数据库和托管配置。真的
- Create React App官方支持的创建单页 React 应用程序的方式。它提供了一个没有配置的现代构建设
- React SlingshotReact入门套件，内置Redux、Babel、React Router和PostCSS
复杂的Visual Web应用程序构建器
这些让一些事情变得容易，但没那么灵活。我认为这些主要用于构建后台应用程序，而不是面向用户的应用程序。也可能对移动设备不友好。
- AppGyver一个最先进的视觉应用程序构建器，具有高安全性和良好的数据库。它面向企业，但对小客户是免费
- Bildr构建交互式网站的强大方式。界面就像一个设计工具（例如Figma）而不是标准的网站建设
- uibakery：使用其可视化构建器构建前端UI组件，并导出格式良好的Angular代
- BubbleVisual Web app builder。空间中的领导者。您可以使用Zeroqode的模板开始或使用他们的如何构建教程
SaaS发电机
这些让您在开始全面的在线服务业务方面领先一步，它们通常带有登陆页面、支付集成和一些UI组件。
- GravityA Node.js SaaS样板，带有React UI，支持订阅、用户帐户、灵活的数据库支
- Bedrock： 一个现代全栈Next.js和GraphQL样板，具有用户身份验证、订阅付款、团队和
- Laravel Spark一个Laravel软件包，为您的SaaaS应用程序提供脚手架：订阅、发票、Bootstrap CSS、后端API和Vue.
- Ship SaaS： 使用Next.js、Tailwindcss、Stripe和Supabase的SaaS入
- JabloonRuby on Rails SaaS入门套件，使用Tailwind CSS + Stimulus JS，并具有付款、身份验证、电子邮件模板和UI组
- Bullet TrainRuby on Rails Saas模板，附带一些UI组件，并具有用户帐户、订阅和良好的测试覆盖
- SaaS async-labs：基于React和Node构建的开源SaaS入门套件。支持用户帐户、团队、Stripe订阅和文件上传。
- Wave开箱即用身份验证、订阅、发票、公告、用户配置文件、API等
将API转换为SaaS
如果您是开发人员，可以构建有用的API，但不想添加账单、会员资格和营销，这些可以让您快速设置。
一体式SaaS管理
您有在线业务，但不知道如何管理客户反馈、处理账单或集成服务台。从这里开始。
- Outseta一个多合一的SaaS管理平台。包括可嵌入的账单小部件、CRM、电子邮件列表、服务台和身份验
扁平堆栈的传统方法
第一代一体式Web应用程序框架，使创建强大的在线产品变得更加容易。
- Rails一个现代化的全栈Web应用程序框架，拥有庞大的社区、大量的资源和许多基于它的成功产品
- Laravel一个令人惊叹且易于使用的全栈框架，拥有巨大的生态系统、令人兴奋的社区和许多很酷
- Django对于喜欢Python的开发人员来说，Rails的替代品。很棒的社区，出色的文档和许多强大的功能
- AdonisA电池包括Node.js框架，该框架支持路由、会话、身份验证、文件上传、电子邮件甚至网络套接字
扁平化堆栈的新方法
这些解决方案试图保持现代框架（开发人员人体工程学、实时更新、组件前端）的好处，同时消除头疼（资产捆绑或服务器端渲染或太多无法跟踪）
- remaketheweb我制作了这个产品。它允许您使用仅使用几个HTML属性来定义Web应用程序
- Blitz一个真正起飞的框架！全栈Node.js框架，允许您在React组件中导入服务
- Livewire Laravel的全栈框架，使构建动态界面变得简单，而不会留下Laravel的
- RemixReact Router创建者的React框架。添加服务器渲染、数据加载、路由等的API
- RedwoodJS一个React框架，使构建一个全栈Web应用程序感觉就像构建一个Jamstack网站。使用GraphQL和Pris
- Inertia.js一个令人兴奋的框架，为您提供具有经典服务器驱动代码的前端框架的即时、实时交
- Hyperstack用一种语言构建您的用户界面、前端逻辑和后端逻辑：Rub
压平堆栈的革命性方法
一些最有趣和最具革命性的工具属于这一类。这些工具允许大量的灵活性，同时完全删除产品开发堆栈的至少一整层（例如数据库、后端、构建工具、切换）。
- Elm一种有助于启发React的语言！它有一个简单、易于使用的API，有助于节省您的时间，并编译为普通的JavaScr
- Imba一种专为构建Web应用程序而设计的令人惊叹的新语言。基于Ruby。将DOM元素视为头
- Mavo使用利用HTML简单性的声明性语言构建交互式网站和网络应用
- Phoenix LiveView这是一个非常令人兴奋的框架，允许您使用服务器渲染的HTML构建具有实时体验的Web应用
- Alan： 一个使用基于模型的高级配置来输出软件应用程序的框架。看起来很有
- Anvil仅使用Python构建全栈Web应用程序。一个多合一的框架，附带UI构建器、数据库连接器和用户帐户
令人兴奋的框架和堆栈
这些是前端框架世界中一些最令人兴奋的组合。
- React+（Next.js或Gatsby）：在React之上构建全栈Jamstack Web应用程序，具有一些良好的约定和强大的生态系统。
- Svelte+Sapper基于文件的路由和代码拆分，建立在Svelte之上
- Vue.js+Gridsome允许您从任何地方使用API，将其转换为GraphQL API，并使用Vue.js渲染
- Vapor一个服务器端的Swift框架，为所有常见的Web应用程序API提供了一个不错的界面
- Marko一个前端JS框架，专注于一流的性能。支持无需太多工作即可渲染服务器
- Meteor一个构建内置所有内容的实时网络应用程序的框架！实时数据库、用户帐户、共享客户端/服务器代码
自动生成的管理面板
使用数据库模式自动生成用户界面，让您轻松管理用户和应用程序数据。
- forestadmin： 构建强大管理面板的框架。可以与Hasura结合使用超能力开发
- BaseDash编辑生产数据库，轻松编辑电子表格！所有更改都经过版本
- backpackforlaravel允许您管理后端模型，创建新页面，更改用户角色，查看调试日志和管理
- React Admin毫不费力地为您的所有应用程序数据和用户构建一个可用的管理界
使用Visual Builder快速生成UI
这些UI框架部分预组装，或者允许您使用可视化构建器构建UI
- WeWeb在自定义数据源（Airtable、Google Sheets等）上创建一个网站，具有拖放网站构建器的灵活
- Visly使用类似于Sketch或Figma的视觉设计程序构建React组件
- Chakra UI和OpenChakraReact的开源组件库，附带可视化拖放构建
- Modulz通过在界面设计工具中创建前端组件来缩小设计和代码之间的差
- Hadron另一个兼作前端组件构建器的界面设计工具。在一个应用程序中统一您的设计系统
- Startup 3一个漂亮的网站建设者，借助预先设计的块，快速且易于使用
- frontendor：通过复制和粘贴代码块生成登录页面。构建在Bootstrap上。
使用预建的UI组件快速生成UI
这些UI框架预建了页面和组件，因此您可以像拼图一样拼凑在一起，以创建一个很棒的Web应用程序。
- Tailwind UI使用Tailwind创建者手工制作的Tailwind美丽组件为您的项目生
- Shuffle.dev真的太棒了。使用此拖放构建器使用Tailwind、Bootstrap、Bulma或Material UI CSS框架制作
- Tailwind Starter Kit使用预建的Tailwind CSS组件开始项目的快速开源方式
- MerakiUI美丽的开源TailwindCSS组件
- Tails： 基于TailwindCSS的拖放页面创建器。超过120个组件，可帮助您构建网站
- Tail-Kit基于Tailwind CSS 2.0的250多个免费组件和免费模板。只需复制并粘贴代码
- KuttyWeb应用程序中常用的可访问和可重用的TailwindCSS组
快速生成用户界面（需要组装）
您仍然需要处理后端，但这些易于使用的库将让您的前端看起来不错，而无需做太多工作
- TailwindCSS 一个实用程序优先的CSS框架，可以直接在HTML标记中构建任
- Framework7一个免费的开源框架，用于开发具有原生外观和感觉的移动、桌面或网络应用
- Ant Design一个绝对非凡的CSS框架，看起来很漂亮，可以访问，并支持大量组
- TurretCSS一个令人惊叹、可访问和美丽的CSS框架，用于快速创建直观的用户界面
- 材料设计组件：由谷歌制造。设计精良、美观、可靠的组件，用于Web应用程
- Bulma用于快速构建UI组件的CSS框架。Bootstrap的绝佳替
- Daisy UI构建在TailwindCSS之上的美丽、易于使用的组件库
- semantic-ui一个灵活且记录透彻的CSS框架，支持许多不同的组件和主
- Quasar一个相当先进的Vue.js组件库，可以从相同的代码库生成多平台应用程序
工作流程生成器和API自动化器
连接不同的应用程序及其事件，因此您可以创建一个自动流程来运行您的业务，而不是手动操作。
- Zapier原始无代码自动化工具之一。连接网站、网络应用程序和数据，并自动化您的工
- Integromat一种先进的Zapier替代品，功率要大得多，但使用也更复杂。惊人的
- Parabola使用允许您提取、转换和加载数据的预构建组件构建流和管
- Huginn您自己服务器上的可破解、开源的Zapier版本。它可以阅读网络，关注事件，并代表您采取行
- Pipedream使用代码和预构建块连接API。使为您的产品构建集成速度更
- Story.ai使用自然语言创建工作流程并连接API。允许非开发人员利用工作流构建器的力量
- 由stdlib自动编码：针对开发人员的Zapier替代品。可以轻松地将不同的服务连接在一起。
营销自动化
帮助客户探索您的产品，并使用自动表格收集线索。
- Headlime自动为您的网站生成标题和页面副本，并在需要时为您留出改进的空
- Autopilot使用表单、电子邮件和工作流程自动化捕获和转换线索
- TextIt在任何频道上构建可扩展的交互式聊天机器人，而无需编写任何代码
电子表格作为数据库
一种快速简便的方法来开始制作一个想法。可用于将小项目移交给客户。
- Stein使用Google Sheets作为低功耗的无头CMS。非常适合原型和简单的客户端网站
- Sheety将他们的电子表格转化为强大的API，以快速开发原型和网站。附带预构建模板
- Sheet.best将谷歌工作表变成一个API，您可以使用它为任何网站供电。附带完整的CRUD API和一些安全功能
- Sheetsu-将Google Sheets连接到任何内容 - Web、Mobile，或将其用作其他任何东西的API
电子表格到网站
使用简单的电子表格中的数据制作外观精美的网站。尝试新想法的最快方法之一。
- Pory使用Airtable的内容创建美丽的网站。支持过滤、搜索和自定
- Table2Site将Airtable电子表格转换为网站。支持自定义域和CS
- Siteoly将谷歌工作表变成一个网站。支持自定义域。附带15个模板、搜索和过
- Sheet2Site将谷歌工作表变成网站。支持自定义域，包括12个模板、搜索和过
- SpreadSimple使用Google Sheets数据创建一个漂亮的网站。支持搜索、过滤器、卡片自定义和自定义域
- Softr使用Airtable数据创建网站和门户网站。附带许多不错的模板，包括投票网站和招聘委员会
快速应用程序开发框架
这些工具首先关注速度。他们可能会失去一些灵活性，但你快速进入市场并测试你的想法的能力将弥补它。
- Alpine.js如果您需要向页面添加一些行为，但不想导入React或Vue等全视图库，Alpine.js是
- Dark让设置一个具有持久存储的简单后端变得轻而易举。配置数据库、部署、安全性等都得到
- htmx使用HTML属性访问AJAX、CSS Transitions、WebSockets和AJAX调用，因此您可以快速构建现代用户
- Streamlit机器学习和数据科学团队的开源应用程序框架，使用Python创建漂亮的数据应用
- DataFormJS一个非常酷的Web应用程序框架，可以使用React/Vue进行渲染，但使用简单的HTML属性处理其他行
- Alpas包含电池但又是Kotlin的模块化Web框架，非常注重开发人员的生产力
- Buffalo使用Go构建Web应用程序的框架，支持路由、模板和资产管道
快速API开发框架
这些工具允许您非常快速地从数据库生成API，这可能会节省多年的工作。
- PostgREST一个独立的Web服务器，可将您的PostgreSQL数据库直接转换为RESTful API
- PostGraphile通过将PostGraphile指向您现有的PostgreSQL数据库，立即旋转GraphQL API服务器
- Fastify一个高度专注于以最小的开销和强大的插件架构提供最佳开发人员体验的Web框架
将第三方网站转换为API
这些工具扫描第三方网站，将其信息组装成结构化格式，并允许您在自己的Web应用程序中使用数据
- ClickDiv在不同网站上运行自动化任务，并将结果组装成可以传递给其他服务的数据
- ParseHub一个高级解析器，可以抓取网站并将结果组装成结构化数据
- ScrapingBee使用强大的技术来绕过阻止并从任何网站提取您需要的所有数据
- ScrapeHero将网站转换为高质量、结构化的数据，并将其转换为任何格式。可用于进行研究或收集线索
- Axiom允许您通过记录操作实现自动化，例如Excel宏，但适用于整个网络。它可以插入API，并到达Zapier等工具无法访问的地方
快速原型
我对添加这一部分犹豫不决，但我认为它很重要。随着设计和开发变得更加纠缠，一切都应该开始感觉像原型一样简单。
- Figma使用实时协作设计工具创建可点击的原型和高保真设计。非常适合Ant Design UI
- ProtoPie通过构建具有真实数据和真实交互的功能齐全的原型，快速迭代UX设
- MirageJS模拟丰富、动态的API端点，用于测试功能和构建原型，而无需构建真正的后端
登陆页面模板
这些工具将为您提供HTML和CSS入门，从而帮助您启动营销网站。您需要修改它们并自己托管。
- Cruip设计精美的HTML、React、Vue.js和Tailwind模板。您可以立即设置启动登录页
- landingfolio：精选的最佳免费和优质登陆页面，以确保您的下一个设计项目的最佳质
付款和定价集成
主机
- Netlify： 无服务器部署平台，具有基于git的工作流程、自动部署、可共享预览和其他功能。
- Vercel： 快速部署/托管，提供出色的开发人员体验。与Next.js配合得很好。
- render- 静态和动态应用程序的托管平台。来自Git的免费SSL、全球CDN、专用网络和自动部署。
- Fly.io： 适用于应用程序的CDN。在用户附近部署应用程序。可以让用户更快地使用 app。
市场创作者
这些工具可帮助您快速设置市场或会员网站
- sharetribe
- spectrum
- WorkOs（为企业客户在您的应用程序中添加单点登录）
会员资格和在线课程创建者
表单端点
这些服务允许您收集访客信息，并可能将其显示在其他地方。
电子邮件列表自动化
- buttondown
- Sidemail： 创建电子邮件列表，然后发送自动广告系列和时事通讯。还发送交易电子邮件（例如“感谢您的购买！”）
- Mailerlite： 为小型企业打造。电子邮件活动、登陆页面和弹出式注册表单。
- ConvertKit： 专为独立制造商打造。电子邮件活动、登陆页面和弹出式注册表单。
- Mailcoach：
- ListMonk：
- sendy：
插件和弹出窗口
- Poptin： 弹出窗口和可嵌入的表单，以获取访问者的电子邮件地址并向他们发送后续活动。
- GetSiteControl： 弹出窗口和表单。非常好的产品。
- jolt添加评论、分析、电子邮件表单等，无需任何代码或网站构
- StaticKit： 完全瞄准JAMstack人群。如果您有一个静态网站，要向其添加表单和付款，这可能是门票。
专用 App
这些工具帮助您毫不费力地做好一件事。
- Cloakist将任何类型的链接放在自定义域后面。可以是Airtable表单、ClickUp文档、Adobe Spark页面或Trello
- RoomService.dev： 在几分钟内为React应用程序添加实时协作
- Flatfile（在您的应用程序中添加数据导入功能）
- ConvertCalculator（为您的产品构建计算器）
- Outgrow（构建交互式计算器或测验）
- Dash是一个用纯Python构建数据可视化Web应用程序的框架。
- Luna： 用于数据处理的 WYSIWYG 语言。非常令人兴奋！
- Kapwing- 一个用于创建和编辑图像、视频和GIF的协作平台。拥有强大的工作室编辑器以及专门构建的工具。
数据库查询到应用程序
这些工具允许您从数据库查询构建应用程序视图，自动生成前端
新语言
语言可以让你做不同于正常的事情，并节省很多时间。
高级Web应用程序定义语言
这些工具允许您创建非常高级的应用程序定义，然后无缝地转换为您选择的语言/框架。
- Wasp一种声明性语言，在使用最新技术的同时，可以非常轻松地构建全栈网络应
网站建设者建设者
这些工具的工作原理与普通网站建设者高出一个水平，允许您制作自己的自定义网站构建器。
- GrapesJS一个开源框架，允许您制作自己的网站建设
将静态设计转换为应用程序
这似乎是一个需要履行的重大承诺，但如果他们能成功，那就太棒了。
- relate：设计+开发平台一体机，具有实时协作，因此无需从设计到开发切换。
- Supernova Studio：：将Sketch和Adobe XD设计转换为代码：：没有从设计到开发的切换。非常适合创建设计系统。
- Yotako试图了解您正在设计哪种用户界面，并在此基础上生成UI组件
提交反馈
博客
