EXPLORE / 进阶项目库

已经做过一个?现在来拆成熟项目。

30 个经过事实核对和编辑审核的开源案例。如果你还没做过第一个作品,建议先去“新手开始”。

筛选器

从“我想学什么”开始,比追热度更有用。

找到 30 个可学案例

默认按学习价值排序
中等

slidevjs/slidev

Slidev

把 Markdown、Vue 和 Vite 变成可编程的演示文稿

  • 内容工具
  • 开发者工具
你可以学

学界面 · 学产品结构 · 学部署

简单

pocketbase/pocketbase

PocketBase

从一个可执行文件理解数据库、认证、文件与实时 API

  • 开发者工具
  • SaaS
你可以学

学数据库 · 学用户登录 · 学产品结构

中等

ChatGPTNextWeb/NextChat

NextChat

从多模型聊天界面学会搭建一款可部署的 AI 产品

  • AI 应用
  • 内容工具
你可以学

学界面 · 学 AI 接入 · 学产品结构

中等

excalidraw/excalidraw

Excalidraw

从可嵌入画布到实时协作,拆解一款成熟的手绘风白板

  • 内容工具
  • 开发者工具
你可以学

学界面 · 学产品结构 · 学完整项目组织

中等

triggerdotdev/trigger.dev

Trigger.dev

用持久任务、队列和可观测性理解 AI 工作流

  • 自动化
  • Agent
  • 开发者工具
你可以学

学 Agent 工作流 · 学 AI 接入 · 学产品结构

中等

vercel/chatbot

Chat SDK

用生产级 Next.js 模板学习流式对话、工具调用与持久化

  • AI 应用
  • SaaS
你可以学

学 AI 接入 · 学用户登录 · 学数据库

较难

karakeep-app/karakeep

Karakeep

把收藏、归档、搜索和 AI 整理串成个人知识产品

  • 内容工具
  • AI 应用
  • 移动应用
你可以学

学 AI 接入 · 学数据库 · 学用户登录

中等

nextjs/saas-starter

Next.js SaaS Starter

用一个最小可运行模板,拆解 SaaS 的登录、团队、数据库和支付

  • SaaS
  • 开发者工具
你可以学

学产品结构 · 学数据库 · 学用户登录

中等

usememos/memos

Memos

从时间线记事学习 Go、React、SQLite 的轻量自托管闭环

  • 内容工具
  • 个人网站
你可以学

学产品结构 · 学数据库 · 学界面

中等

Nutlope/llamacoder

Llama Coder

拆解从一句提示到可运行前端预览的 AI 生成闭环

  • AI 应用
  • 开发者工具
你可以学

学 AI 接入 · 学界面 · 学产品结构

简单

Nutlope/roomGPT

RoomGPT

用一条 AI 图像生成链路,学会把产品想法做成可用页面

  • AI 应用
你可以学

学界面 · 学 AI 接入 · 学部署

较难

supabase/supabase

Supabase

从 Postgres 出发,理解一个开发平台如何组装

  • 开发者工具
  • SaaS
你可以学

学数据库 · 学用户登录 · 学产品结构

较难

AppFlowy-IO/AppFlowy

AppFlowy

用 Flutter 与 Rust 拆解一款本地优先的跨平台知识工作区

  • 内容工具
  • 移动应用
  • AI 应用
你可以学

学界面 · 学产品结构 · 学数据库

中等

browser-use/web-ui

Browser Use Web UI

从可视化界面入门浏览器 Agent 的模型、任务与执行环

  • Agent
  • 自动化
  • AI 应用
你可以学

学 Agent 工作流 · 学 AI 接入 · 学产品结构

较难

gristlabs/grist-core

Grist Core

把电子表格变成带关系、权限和 Python 公式的数据应用

  • SaaS
  • 数据可视化
  • 开发者工具
你可以学

学界面 · 学数据库 · 学用户登录

较难

immich-app/immich

Immich

从手机备份到智能检索,拆解一套自托管相册系统

  • 移动应用
  • 内容工具
  • AI 应用
你可以学

学产品结构 · 学数据库 · 学用户登录

较难

langflow-ai/langflow

Langflow

用 Python 组件和 React 画布学习可视化 Agent 的建模与部署

  • Agent
  • 自动化
  • 开发者工具
你可以学

学 Agent 工作流 · 学 AI 接入 · 学产品结构

较难

FlowiseAI/Flowise

Flowise

从可视化画布理解 Agent 节点、运行时与集成平台

  • Agent
  • 自动化
  • 开发者工具
你可以学

学 Agent 工作流 · 学 AI 接入 · 学产品结构

较难

formbricks/formbricks

Formbricks

用问卷平台学习编辑器、受众定向和反馈数据链

  • SaaS
  • 内容工具
  • 数据可视化
你可以学

学产品结构 · 学数据库 · 学界面

较难

penpot/penpot

Penpot

用开放 Web 标准理解设计工具、协作与设计系统

  • 内容工具
  • 开发者工具
你可以学

学界面 · 学产品结构 · 学数据库

较难

appwrite/appwrite

Appwrite

从鉴权、数据库到函数,拆解一个一体化应用后端

  • 开发者工具
  • SaaS
你可以学

学产品结构 · 学数据库 · 学用户登录

较难

openstatusHQ/openstatus

openstatus

从成熟监控平台学习多应用、多语言和运维产品的真实边界

  • SaaS
  • 开发者工具
  • 自动化
你可以学

学产品结构 · 学完整项目组织 · 学数据库

较难

gitroomhq/postiz-app

Postiz

从内容日历到 Temporal 发布流,学习跨平台自动化

  • 自动化
  • SaaS
  • Agent
你可以学

学产品结构 · 学用户登录 · 学 Agent 工作流

较难

documenso/documenso

Documenso

从文档发送到签署审计,学习高信任 SaaS 的边界设计

  • SaaS
  • 内容工具
你可以学

学产品结构 · 学数据库 · 学用户登录

较难

actualbudget/actual

Actual Budget

从成熟个人财务产品学习 local-first、同步与跨平台工程

  • 数据可视化
  • 移动应用
你可以学

学产品结构 · 学数据库 · 学完整项目组织

较难

siyuan-note/siyuan

SiYuan

从块编辑器到 Go 内核,学习隐私优先知识系统

  • 内容工具
  • 移动应用
  • 开发者工具
你可以学

学产品结构 · 学数据库 · 学界面

较难

calcom/cal.diy

Cal.diy

从开源排期平台学习时区、可用性计算与日历集成

  • SaaS
  • 自动化
你可以学

学产品结构 · 学数据库 · 学用户登录

较难

dubinc/dub

Dub

从短链接跳转到转化归因,学习高流量 SaaS 的数据链路

  • SaaS
  • 数据可视化
  • 开发者工具
你可以学

学产品结构 · 学数据库 · 学用户登录

较难

twentyhq/twenty

Twenty

用现代 CRM 学习元数据驱动对象、权限和工作流

  • SaaS
  • 自动化
你可以学

学产品结构 · 学数据库 · 学用户登录

较难

makeplane/plane

Plane

从现代项目管理平台学习复杂领域、共享前端包与自托管

  • SaaS
  • 内容工具
  • 数据可视化
你可以学

学产品结构 · 学数据库 · 学用户登录