fragments

用 AI 一句话生成完整 Next.js 应用,快速搭建全栈原型

fragments 是一个基于 Next.js 的开源模板,用于构建完全由 AI 生成的应用程序。它由 E2B 团队开发,旨在解决传统应用开发中 AI 仅作为辅助工具、无法独立完成全栈应用搭建的问题。该模板集成了 AI 驱动的代码生成、组件渲染和交互逻辑,开发者只需描述需求,AI 即可生成完整的前端界面和交互流程。其核心能力包括:AI 生成的 UI 组件、动态路由和状态管理、与后端 API 的无缝集成,以及基于 E2B 的沙盒环境实现安全执行。项目采用 TypeScript 编写,提供了清晰的目录结构和可扩展的架构,适合快速原型验证和中小型应用开发。通过该模板,开发者可以大幅减少手动编码工作量,将精力集中于业务逻辑和用户体验优化。

开源 free 开源模型
访问官网 ↗ GitHub ↗ 文档 ↗
GitHub 星标 ★ 6378
维护状态 活跃
是否开源 是
定价模式 free

项目数据

分类开源模型
开发团队e2b-dev
所属国家
定价模式free
价格说明开源项目,Apache-2.0 许可证,可自由使用和部署,无付费版本。
访问状态
是否开源是
开源协议Apache-2.0
主要语言TypeScript
技术栈/模型ai,ai-code-generation,anthropic,claude,claude-ai,code-interpreter,e2b,javascript,llm,nextjs,react,sandbox,typescript
GitHub 星标★ 6378
30天Star增速
HF 下载量
上线时间2024-07-10 00:00:00
最近更新2026-09-20 00:00:00
维护状态活跃
中文支持
访问方式
移动端支持
综合评分
收录时间2026-08-09
浏览次数4

使用教程

难度:入门 约 10 分钟 部署方式:本地安装 4 步

⚠ 该项目 README 未提供完整安装说明,以下步骤为通用流程,请以官方文档为准。

环境要求

  • git
  • 较新版本的 Node.js
  • npm 包管理器
  • E2B API Key
  • LLM 提供商 API Key(如 OpenAI、Anthropic 等)

安装与启动步骤

  1. 1克隆仓库

    把 fragments 源码下载到本地,README 前置要求中已明确需要 git。

    git clone https://github.com/e2b-dev/fragments.git
  2. 2进入项目目录

    切换到刚克隆下来的 fragments 目录,后续命令都在此目录执行。

    cd fragments
  3. 3安装依赖

    README 明确给出的依赖安装命令,会下载 Next.js、shadcn/ui、TailwindCSS、Vercel AI SDK、E2B SDK 等。

    npm i
  4. 4准备 API Key

    README 前置要求中列出需自备 E2B API Key 与 LLM 提供商 API Key,请到对应官网申请;README 节选未给出具体环境变量名,请以仓库完整说明为准。

如何确认成功

npm i 执行结束且无报错、项目目录下生成 node_modules 即视为准备完成;启动方式请查看仓库完整 README。

常见问题

Q:必须要有哪些密钥?

A:E2B API Key(用于沙盒执行 AI 生成的代码)和至少一个 LLM 提供商 API Key,两者都在 README 的前置要求中明确列出。

Q:支持哪些 LLM 提供商?

A:README 列出 OpenAI、Anthropic、Google AI、Mistral、Groq、Fireworks、Together AI、Ollama,也可按文档自行添加其他模型。

Q:支持生成哪些技术栈的代码?

A:README 列出 Python 解释器、Next.js、Vue.js、Streamlit、Gradio,并说明可以自行添加自定义 persona。

Q:依赖安装很慢或失败怎么办?

A:确认 Node.js 为较新版本且 npm 可用,可切换国内镜像源后重试 npm i。

注意事项

  • 本次仅有 README 节选,其中未包含启动命令与环境变量配置章节,请以仓库完整 README 为准。
  • README 要求先准备 E2B API Key 与 LLM 提供商 API Key,否则应用无法调用模型或执行代码。
  • 项目基于 Next.js 14(App Router、Server Actions),Node.js 版本建议使用较新的 LTS 版本。

核心亮点

  • AI 全栈生成:从 UI 到逻辑自动生成,减少重复编码
  • 基于 Next.js:生态成熟,支持 SSR/SSG,部署灵活
  • 沙盒执行:集成 E2B 安全运行 AI 生成代码,降低风险

不足之处

  • 依赖 AI 生成质量,复杂业务逻辑可能需人工修正
  • 文档/社区待观察

适用场景

  • 快速创建 MVP 原型,验证产品想法
  • 生成内部工具或管理后台界面
  • 教学演示,展示 AI 驱动开发流程

替代项目

v0、create-t3-app、Blitz.js

项目介绍

fragments 是开发框架领域的开源项目,由 e2b-dev 开发,2024 年首次发布。

在全站 13,090 个收录项目中,它的 GitHub 星标数(6,378)位列前 8%,在开发框架分类的 803 个项目里位列前 8%。

项目目前处于活跃维护状态,最近一次代码更新于 2026-09-20。Apache-2.0 许可证,可自由使用和部署,无付费版本。

它主要面向的使用场景是:快速创建MVP原型,验证产品想法。同类可对比的替代方案包括 v0、create-t3-app、Blitz.js。

上一篇:smile

下一篇:llm

同类项目推荐

langchain 开源

组装 AI 应用的乐高积木,从想法到上线不换工具

The agent engineering platform.

★ 146874 2026-08-09
transformers 开源

全球最大的模型仓库全家桶,想用的模型一把抓

Transformers: the model-definition framework for state-of-the-art machine learning m···

★ 166529 2026-08-09
pi 开源

一套 TypeScript 工具包,快速搭出能写代码的 AI agent

AI agent toolkit: unified LLM API, agent loop, TUI, coding agent CLI

★ 108504 2026-09-12