Repolode
Enviar
e2b-dev

e2b-dev/fragments

Plantilla open source de Next.js para crear apps con IA que ejecutan el código generado en sandboxes de E2B, similar a Claude Artifacts o v0.

Alternativa open source a:Claude Artifactsv0

Ver en GitHubSitio web
Estrellas
6,406
Forks
865
Issues abiertos
23
Último commit
hace 3 días

¿Qué es?

Fragments es una plantilla de aplicación web que permite describir lo que se quiere crear, genera el código con un LLM y lo ejecuta en un sandbox de E2B para poder previsualizar el resultado en el navegador. Se presenta como una alternativa open source a Claude Artifacts, Vercel v0 y GPT Engineer.

El frontend está desarrollado con Next.js 14, App Router y Server Actions, shadcn/ui, TailwindCSS y Vercel AI SDK; la interfaz muestra las respuestas a medida que llegan. El código generado se ejecuta mediante E2B SDK, y el proyecto permite instalar paquetes de npm y pip dentro del sandbox.

De fábrica, admite los stacks Python interpreter, Next.js, Vue.js, Streamlit y Gradio, y funciona con modelos de OpenAI, Anthropic, Google AI, Mistral, Groq, Fireworks, Together AI y Ollama. Se pueden añadir stacks y modelos mediante plantillas de sandbox y un archivo de configuración de modelos.

Funciones clave

  • 01Genera y previsualiza apps en el navegador, con resultados en streaming.
  • 02Ejecuta código generado por IA en sandboxes aislados de E2B.
  • 03Admite los stacks Python, Next.js, Vue.js, Streamlit y Gradio.
  • 04Funciona con varios proveedores de LLM, como OpenAI, Anthropic y Ollama.
  • 05Permite añadir plantillas de sandbox y modelos de LLM personalizados.

Casos de uso

  • Crear prototipos de apps web pequeñas o dashboards a partir de una instrucción de texto.
  • Desarrollar una herramienta interna al estilo de Claude Artifacts en tu propia infraestructura.
  • Probar distintos proveedores de LLM para generar código.
  • Aprender a combinar resultados de un LLM con la ejecución de código en un sandbox.

Inicio rápido

  1. 1

    Clona el repositorio

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

    Entra en el repositorio e instala las dependencias

    cd fragments && npm i
  3. 3

    Crea .env.local y configura E2B_API_KEY y una clave API de un proveedor de LLM

  4. 4

    Inicia el servidor de desarrollo

    npm run dev

Antes de usarlo

  • Se necesitan una clave API de E2B y una clave API de un proveedor de LLM para ejecutarlo.
  • Está basado en Next.js 14, por lo que es una plantilla de aplicación web y no una herramienta independiente.

En colecciones

Herramientas, skills y plugins para Claude Code

Temas

#ai-code-generation#llm#nextjs#sandbox#code-interpreter#react#typescript#ai#anthropic#claude

Preguntas frecuentes

¿Qué es fragments?
Plantilla open source de Next.js para crear apps con IA que ejecutan el código generado en sandboxes de E2B, similar a Claude Artifacts o v0. Fragments es una plantilla de aplicación web que permite describir lo que se quiere crear, genera el código con un LLM y lo ejecuta en un sandbox de E2B para poder previsualizar el resultado en el navegador. Se presenta como una alternativa open source a Claude Artifacts, Vercel v0 y GPT Engineer.
¿fragments es gratuito? ¿Qué licencia tiene?
fragments es open source bajo la licencia Apache-2.0. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿fragments sigue mantenido?
Mantenimiento activo. El último commit de fragments fue el 4 nov 2026.
¿Para qué puedo usar fragments?
Crear prototipos de apps web pequeñas o dashboards a partir de una instrucción de texto. Desarrollar una herramienta interna al estilo de Claude Artifacts en tu propia infraestructura. Probar distintos proveedores de LLM para generar código. Aprender a combinar resultados de un LLM con la ejecución de código en un sandbox.
¿Cómo se instala fragments?
Clona el repositorio: git clone https://github.com/e2b-dev/fragments.git Entra en el repositorio e instala las dependencias: cd fragments && npm i Crea .env.local y configura E2B_API_KEY y una clave API de un proveedor de LLM Inicia el servidor de desarrollo: npm run dev
¿Dónde consigo fragments?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/e2b-dev/fragments

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados