fragments

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

开源 🏷️完全免费 🔧 仅开源项目，无在线服务，需自行部署 开源模型 🍴 复刻 863 🐛 待处理 26 👀 关注 43
访问官网 ↗ GitHub ↗
GitHub 星标 ★ 6407
维护状态 活跃
是否开源 开源
定价模式 🏷️完全免费 开源项目，Apache-2.0 许可证，可自由使用和部署，无付费版本。

项目预览

fragments 项目界面预览图
图片来源：GitHub 官方仓库名片

项目数据

分类开源模型
开发团队e2b-dev
官网地址https://fragments.e2b.dev
GitHubhttps://github.com/e2b-dev/fragments
定价模式🏷️完全免费
价格说明开源项目，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 星标★ 6407
上线时间2024-07-10 00:00:00
代码更新2026-11-04
仓库体积5.3 MB
本站数据更新2026-11-10
维护状态活跃
收录时间2026-08-09
浏览次数5

项目介绍

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

Star 增长趋势

本站每日记录该项目 GitHub 星标变化，观测越久曲线越完整

数据来源：GitHub API 逐日快照 · 收录于 2026-08-09 · 当前星标 ★ 6407

使用教程

⚠ 本教程由 AI 依据该项目 README 整理；原始文档不完整，部分步骤为通用流程推断，实际安装请以项目官方文档为准。

难度：入门 约 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

上一篇：smile

下一篇：llm

同类项目推荐

SkillForge 开源

创建 AI 技能时，自动验证它真的能用。

A skill creator that proves its skills work. Evidence-driven skill creation for Clau···

★ 917 2026-08-10
IntelliJava 开源

几行 Java 代码，快速接入 ChatGPT、DALL·E 等 AI 服务

Integrate with the latest language models, image generation, speech, and deep learni···

★ 64 2026-08-09
chidori 开源

让AI运行永不丢失，断点续跑自动恢复

The agent framework where every run is durable, replayable, and resumable by default···

★ 1372 2026-08-09
dsh-our-free-model 开源

装个插件就能免密钥白嫖前沿大模型，不限量

在 dsh 里装上这个插件即可，无需登录、注册或填 API Key，就能使用包括 DeepSeek V4.1 Fl···

★ 68302 2026-10-04
ccgram 开源

手机远程监控和操控AI编程代理，随时随地响应提示。

Telegram ↔ tmux/herdr/agterm bridge for Claude Code, Codex CLI, and Pi Agent. Monit···

★ 289 2026-08-09
ComfyUI_ADV_CLIP_emb 开源

自定义提示词权重解释，让ComfyUI生成更听话

ComfyUI node that let you pick the way in which prompt weights are interpreted

★ 436 2026-08-09
maua 开源

一个工具箱搞定图像、视频、音频的 AI 生成

Deep learning toolkit for image, video, and audio synthesis

★ 106 2026-08-09
output 开源

用 TypeScript 构建可靠 AI 工作流，让 Claude 自动写代码

The open-source TypeScript framework for building AI workflows and agents. Designed ···

★ 444 2026-08-09
x 开源

几行代码把 AI 聊天助手嵌进你的 React 应用

Craft AI-driven interface effortlessly

★ 4845 2026-10-08