DEV.co
AI Frameworks · e2b-dev

fragments

Fragments is an open-source Next.js template that enables building AI-generated applications similar to Claude Artifacts or Vercel v0. It integrates with the E2B SDK to safely execute AI-generated code across multiple languages and LLM providers.

Source: GitHub — github.com/e2b-dev/fragments
6.3k
GitHub stars
866
Forks
TypeScript
Primary language
Apache-2.0
License (OSI-approved)

Key facts

Objective fields from the source. Values we can't verify are shown as “Unknown” rather than guessed.

FieldValue
Repositorye2b-dev/fragments
Ownere2b-dev
Primary languageTypeScript
LicenseApache-2.0 — OSI-approved
Stars6.3k
Forks866
Open issues24
Latest releaseUnknown
Last updated2026-07-03
Sourcehttps://github.com/e2b-dev/fragments

What fragments is

TypeScript/Next.js 14 full-stack template using Server Actions, shadcn/ui, and TailwindCSS. Leverages E2B SDK for sandboxed code execution, supports Python, Node.js, Vue, Streamlit, and Gradio; integrates with OpenAI, Anthropic, Google AI, Mistral, Groq, Fireworks, Together AI, and Ollama via Vercel AI SDK.

Quickstart

Get the fragments source

Clone the repository and explore it locally.

terminalbash
git clone https://github.com/e2b-dev/fragments.gitcd fragments# follow the project's README for install & configuration

Need it deployed, integrated, or customized instead? DEV.co ships production installs.

Best use cases

Internal AI-powered code generation tools

Deploy as a private instance for teams needing Claude Artifacts-like functionality with custom LLM providers and enterprise authentication via Supabase.

Multi-stack AI code sandbox applications

Build products that generate and execute Python, Node.js, or framework-specific code (Streamlit, Gradio) with UI-streaming and live preview capabilities.

LLM provider evaluation and comparison

Quick deployment to test multiple LLM backends (OpenAI, Anthropic, Groq, local Ollama) against the same interface without vendor lock-in.

Implementation considerations

  • Requires E2B API key and at least one LLM provider key (OpenAI, Anthropic, etc.); multi-provider setup adds environment variable overhead.
  • E2B SDK handles code sandboxing—verify execution isolation and resource limits meet your risk tolerance before processing untrusted prompts.
  • Customizing stacks (Streamlit, Gradio, Vue) requires E2B CLI and Docker knowledge; Dockerfile templates provided but non-trivial to extend.
  • Rate limiting, KV store (Vercel), and Supabase auth are optional; production deployments should enable these for reliability and access control.
  • Morph API integration for token-efficient code editing is optional and enabled by default; can be disabled via environment variables.

When to avoid it — and what to weigh

  • Minimal security/compliance requirements unclear — E2B SDK security posture, audit trails, and compliance certifications are not detailed in provided data; requires direct vendor review before regulated workloads.
  • Need for pre-built, no-code deployment — Requires Node.js, environment configuration, E2B and LLM API keys setup; not a SaaS drop-in or managed platform alternative.
  • Offline-first or air-gapped requirements — Template depends on external LLM APIs and E2B sandbox infrastructure; local-only execution not supported by design.
  • Seeking stable, long-term versioning — No release tags recorded; last commit 2026-07-03 suggests active development but unclear release cadence or semantic versioning discipline.

License & commercial use

Apache License 2.0 (Apache-2.0). Permissive OSI-approved license allowing commercial use, modification, and distribution with attribution and liability disclaimer.

Apache-2.0 permits commercial deployment and modification without vendor approval. However, commercial viability depends on E2B SDK licensing (not provided) and third-party LLM API terms (OpenAI, Anthropic, etc.); review those separately. No guarantee of support or indemnification from E2B for this template.

DEV.co evaluation signals

Editorial assessment — not user reviews. Directional, with an explicit confidence level.

SignalAssessment
MaintenanceActive
DocumentationAdequate
License clarityClear
Deployment complexityModerate
DEV.co fitGood
Assessment confidenceHigh
Security considerations

E2B SDK provides code sandboxing, but sandbox isolation guarantees, resource limits, and multi-tenancy safety are not detailed. API key exposure risk via client-side env vars (mitigated by NEXT_PUBLIC_ prefix convention). NEXT_PUBLIC_NO_API_KEY_INPUT disables user input for keys; disable in production. Supabase auth is optional; authentication not enforced by default. No rate limiting without KV setup. Audit logging and compliance posture unknown.

Alternatives to consider

Anthropic Claude Artifacts (managed service)

Official, fully managed, integrated into Claude UI; no self-hosting or API orchestration needed, but locked to Anthropic models.

Vercel v0 (managed service)

Enterprise-grade alternative with Vercel integration and proprietary models; closed-source, no customization, higher cost.

GPT Engineer (open-source, Python-first)

Python-centric code generation and execution; different stack philosophy; larger community for data science workflows but less web-first.

Software development agency

Build on fragments with DEV.co software developers

Deploy Fragments to test Claude Artifacts-like functionality with your LLM provider. Requires Node.js, E2B API key, and LLM credentials. See implementation guide for security review before production.

Talk to DEV.co

Related open-source tools

Surfaced by semantic similarity across the DEV.co open-source index.

Related on DEV.co

Explore the category and the services that help you build with it.

fragments FAQ

Can I run this without E2B?
Not directly. E2B SDK is the core component for sandboxed code execution. Alternative: implement your own sandbox (Docker, Firecracker) but requires significant refactoring.
What LLM providers are supported?
OpenAI, Anthropic, Google AI, Mistral, Groq, Fireworks, Together AI, Ollama, and xAI. Extensible via lib/models.ts.
Is authentication required?
No, authentication is optional (Supabase). Default deployment is public; enable Supabase to restrict access.
How do I add a new code stack (e.g., Rust)?
Create a Dockerfile in sandbox-templates/, use E2B CLI to build, then register in lib/templates.json. Requires Docker and E2B CLI expertise.

Custom software development services

Adopting fragments is usually one piece of a larger software development effort. As a software development agency, DEV.co provides software development services and web development expertise — pairing senior software developers and web developers with your team to design, build, and operate ai frameworks software in production.

Ready to build AI-generated applications?

Deploy Fragments to test Claude Artifacts-like functionality with your LLM provider. Requires Node.js, E2B API key, and LLM credentials. See implementation guide for security review before production.