React Templates & Themes Logo React Templates & Themes
Fragments screenshot

Fragments

Author Avatar Theme by E2b dev
Updated: 22 May 2025
5412 Stars

Open-source Next.js template for building apps that are fully generated by AI. By E2B.

Github Live Preview

Categories

Nextjs Tailwind

Overview

Fragments by E2B is an open-source web application that provides a platform for securely executing code generated by AI. Powered by the E2B SDK, this tool offers features such as streaming in the UI, support for various programming stacks, and compatibility with different language model providers like OpenAI and Google AI.

Features

  • Next.js 14: Built on Next.js with features like App Router and Server Actions.
  • Shadcn/ui and TailwindCSS: Utilizes shadcn/ui and TailwindCSS for UI components and styling.
  • Vercel AI SDK: Integration with Vercel AI SDK for enhanced functionalities.
  • E2B SDK Integration: Uses the E2B SDK for securely executing AI-generated code.
  • Streaming in the UI: Provides real-time streaming capabilities within the user interface.
  • Package Support: Allows installation and usage of packages from npm and pip.
  • Supported Stacks: Supports various programming stacks like Python interpreter, Next.js, Vue.js, Streamlit, and Gradio.
  • Supported LLM Providers: Compatible with language model providers such as OpenAI, Anthropic, Google AI, Mistral, Groq, Fireworks, Together AI, and Ollama.

Installation

  1. Prerequisites:

    • Git
    • Recent version of Node.js and npm package manager
    • E2B API Key
    • LLM Provider API Key

  2. Clone the repository:

    git clone [repository_url]

  3. Install the dependencies:

    cd [repository_folder]
npm install

  4. Set the environment variables:

    • Create a .env.local file and set the required variables.

  5. Start the development server:

    npm run dev

  6. Build the web app:

    npm run build

Summary

Fragments by E2B is an open-source web application powered by the E2B SDK, offering a secure platform for executing AI-generated code. With support for various programming stacks and language model providers, along with features like streaming in the UI and flexible customization options, Fragments provides developers with a versatile tool for exploring AI capabilities in their projects.