OpenViSTAI · Agents · Blockchain · Crypto
Submit a project
Menu
AI Developer Tools & SDKs

Fragments

Fragments is an open-source Next.js template for building web applications generated by AI. It combines a streamed interface with the E2B SDK for executing generated code, and provides configurable model providers and execution personas.

Explore the practical guide ↓

Independent OpenViST project profile, based on linked sources.

Fragments — OpenViST project profile in AI Developer Tools & SDKs.
OpenViST project illustration. See the linked sources for product details.
Understand the project

Practical overview

When it fits

Use Fragments when you want an open-source Next.js starting point for an AI app-generation experience and are prepared to configure E2B and an LLM provider.

Who it is for

  • Developers creating AI-powered application-generation products.
  • Teams seeking a Next.js foundation with AI code execution and configurable model providers.
  • Developers extending E2B sandbox personas or adding LLM models and providers.

Documented uses

  • Create a web interface that streams AI-generated application output.
  • Execute generated code through E2B.
  • Start from supported Python, Next.js, Vue.js, Streamlit or Gradio execution personas.
  • Extend the template with custom personas, models or LLM providers.
Before you choose

Requirements & limits

  • Local setup requires Git, recent Node.js with npm, an E2B API key and an LLM provider API key.
  • The listed stack includes Next.js 14, shadcn/ui, Tailwind CSS and the Vercel AI SDK.
  • The README lists npm and pip package use and five execution personas: Python interpreter, Next.js, Vue.js, Streamlit and Gradio.
  • The repository documents custom persona, model and provider extension points; adapting the app-generation interaction requires codebase changes not detailed as a specific customization interface.
  • Apache-2.0 license.

Check current requirements in the official documentation. Source-based guidance does not mean OpenViST has run or independently tested this project.

Source-based practical guide

Set up the Fragments development environment

Prepare the repository and start its local development server.

Before you start

  • Git
  • Recent Node.js and npm
  • E2B API key
  • API key for an LLM provider

Steps

  1. Clone the Fragments repository.

  2. Enter the repository and install dependencies with npm.

  3. Create .env.local and configure the E2B and LLM provider API keys.

  4. Start the development server with npm run dev.

Expected outcome

A locally running Fragments development server, configured with the required service keys.

Guide limitations

  • The guide covers local development setup, not production deployment.
  • No particular LLM provider is required by the README; configure the key for the provider you choose.
Documentation 1 ↗
Evidence and transparency

Sources & review

Official repository ↗
Source record details
Source availability
Active
Sources checked
7 October 2026
Original website title
e2b-dev/fragments · Official homepage title · retained in its source language
How we review sourcesSuggest a correction