e2b-dev/fragments

这是什么？

核心功能

• 01在浏览器中生成并预览应用，支持流式输出。
• 02在隔离的 E2B 沙箱中运行 AI 生成的代码。
• 03支持 Python、Next.js、Vue.js、Streamlit 和 Gradio 技术栈。
• 04兼容 OpenAI、Anthropic、Ollama 等多家 LLM 服务商。
• 05可自定义沙箱模板和 LLM 模型。

适用场景

• 通过文字描述快速原型化小型 Web 应用或仪表盘。
• 在自有基础设施上搭建类似 Claude Artifacts 的内部工具。
• 对比不同 LLM 服务商的代码生成效果。
• 学习如何将 LLM 输出与沙箱代码执行结合起来。

快速上手

1. 1

   克隆仓库

   git clone https://github.com/e2b-dev/fragments.git
2. 2

   进入仓库并安装依赖

   cd fragments && npm i
3. 3

   创建 .env.local 文件并设置 E2B_API_KEY 和 LLM 提供商的 API 密钥

4. 4

   启动开发服务器

   npm run dev

使用前须知

• !运行需要 E2B API 密钥和 LLM 提供商的 API 密钥。
• !基于 Next.js 14 构建，是一个 Web 应用模板而非独立工具。

收录于专题

标签

常见问题

fragments 是什么？

开源的 Next.js 模板，用于构建由 AI 生成的应用，生成的代码在 E2B 沙箱中安全运行，类似 Claude Artifacts 或 v0。 Fragments 是一个 Web 应用模板。用户用自然语言描述需求，由 LLM 生成代码，再在 E2B 沙箱中运行，并在浏览器中预览结果。项目定位是 Claude Artifacts、Vercel v0 和 GPT Engineer 的开源替代实现。

fragments 可以免费使用吗？用的什么许可证？

fragments 以 Apache-2.0 许可证开源。用于商业产品前，请先确认许可证条款。

fragments 还在维护吗？

活跃维护中。fragments 最近一次提交是在 2026年11月4日。

fragments 适合用来做什么？

通过文字描述快速原型化小型 Web 应用或仪表盘。 在自有基础设施上搭建类似 Claude Artifacts 的内部工具。 对比不同 LLM 服务商的代码生成效果。 学习如何将 LLM 输出与沙箱代码执行结合起来。

fragments 怎么安装和运行？

克隆仓库: git clone https://github.com/e2b-dev/fragments.git 进入仓库并安装依赖: cd fragments && npm i 创建 .env.local 文件并设置 E2B_API_KEY 和 LLM 提供商的 API 密钥 启动开发服务器: npm run dev

在哪里获取 fragments？

源代码和安装说明在 GitHub 上：https://github.com/e2b-dev/fragments