Repolode
Enviar
e2b-dev

e2b-dev/fragments

Template open source para Next.js que cria apps com IA e executa o código gerado em sandboxes E2B, semelhante ao Claude Artifacts ou ao v0.

Alternativa open source a:Claude Artifactsv0

Ver no GitHubSite
Estrelas
6,406
Forks
865
Issues abertas
23
Último commit
anteontem

O que é?

Fragments é um template de app web que permite descrever o que você quer, usa um LLM para gerar o código e depois executa esse código em um sandbox E2B, para que o resultado possa ser pré-visualizado no navegador. Ele se apresenta como uma alternativa open source ao Claude Artifacts, Vercel v0 e GPT Engineer.

O front-end é baseado no Next.js 14 com App Router e Server Actions, shadcn/ui, TailwindCSS e Vercel AI SDK, e a interface transmite as respostas conforme elas chegam. O código gerado é executado por meio do E2B SDK, e o projeto pode instalar pacotes do npm e do pip dentro do sandbox.

Pronto para uso, ele oferece suporte às stacks Python interpreter, Next.js, Vue.js, Streamlit e Gradio, e funciona com modelos da OpenAI, Anthropic, Google AI, Mistral, Groq, Fireworks, Together AI e Ollama. É possível adicionar novas stacks e modelos por meio de templates de sandbox e de um arquivo de configuração de modelos.

Recursos principais

  • 01Gera apps e os pré-visualiza no navegador, com saída transmitida em tempo real.
  • 02Executa código gerado por IA em sandboxes E2B isolados.
  • 03Oferece suporte às stacks Python, Next.js, Vue.js, Streamlit e Gradio.
  • 04Funciona com vários provedores de LLM, incluindo OpenAI, Anthropic e Ollama.
  • 05Permite adicionar templates de sandbox e modelos de LLM personalizados.

Casos de uso

  • Criar protótipos de pequenos apps web ou dashboards a partir de um prompt de texto.
  • Desenvolver uma ferramenta interna no estilo do Claude Artifacts, usando sua própria infraestrutura.
  • Experimentar diferentes provedores de LLM para geração de código.
  • Aprender a combinar saídas de LLM com execução de código em sandbox.

Início rápido

  1. 1

    Clone o repositório

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

    Acesse o repositório e instale as dependências

    cd fragments && npm i
  3. 3

    Crie .env.local e configure E2B_API_KEY e uma chave de API de um provedor de LLM

  4. 4

    Inicie o servidor de desenvolvimento

    npm run dev

Antes de usar

  • É necessário ter uma chave de API da E2B e uma chave de API de um provedor de LLM para executar o projeto.
  • É baseado no Next.js 14, portanto é um modelo de aplicativo web, não uma ferramenta independente.

Em coleções

Ferramentas, skills e plugins para Claude Code

Tópicos

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

Perguntas frequentes

O que é fragments?
Template open source para Next.js que cria apps com IA e executa o código gerado em sandboxes E2B, semelhante ao Claude Artifacts ou ao v0. Fragments é um template de app web que permite descrever o que você quer, usa um LLM para gerar o código e depois executa esse código em um sandbox E2B, para que o resultado possa ser pré-visualizado no navegador. Ele se apresenta como uma alternativa open source ao Claude Artifacts, Vercel v0 e GPT Engineer.
fragments é gratuito? Qual é a licença?
fragments é open source sob a licença Apache-2.0. Confira os termos da licença antes de usá-lo em produtos comerciais.
fragments ainda é mantido?
Manutenção ativa. O último commit de fragments foi em 4 de nov. de 2026.
Para que posso usar fragments?
Criar protótipos de pequenos apps web ou dashboards a partir de um prompt de texto. Desenvolver uma ferramenta interna no estilo do Claude Artifacts, usando sua própria infraestrutura. Experimentar diferentes provedores de LLM para geração de código. Aprender a combinar saídas de LLM com execução de código em sandbox.
Como instalar fragments?
Clone o repositório: git clone https://github.com/e2b-dev/fragments.git Acesse o repositório e instale as dependências: cd fragments && npm i Crie .env.local e configure E2B_API_KEY e uma chave de API de um provedor de LLM Inicie o servidor de desenvolvimento: npm run dev
Onde consigo fragments?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/e2b-dev/fragments

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados