Repolode
e2b-dev

e2b-dev/fragments

Открытый шаблон Next.js для приложений, создаваемых с помощью AI: код запускается в песочницах E2B, как в Claude Artifacts или v0.

Open source альтернатива:Claude Artifactsv0

Звёзды
6,406
Форки
865
Открытые issues
23
Последний коммит
3 дня назад

Что это?

Fragments — шаблон веб-приложения, в котором пользователь описывает желаемый результат, LLM генерирует код, а затем приложение запускает его в песочнице E2B, чтобы результат можно было посмотреть в браузере. Проект позиционируется как открытая альтернатива Claude Artifacts, Vercel v0 и GPT Engineer.

Фронтенд построен на Next.js 14 с App Router и Server Actions, shadcn/ui, TailwindCSS и Vercel AI SDK; интерфейс выводит ответы по мере их поступления. Сгенерированный код выполняется через E2B SDK. В песочнице можно устанавливать пакеты из npm и pip.

Из коробки поддерживаются стеки Python interpreter, Next.js, Vue.js, Streamlit и Gradio, а также модели OpenAI, Anthropic, Google AI, Mistral, Groq, Fireworks, Together AI и Ollama. Новые стеки и модели можно добавлять с помощью шаблонов песочниц и файла конфигурации моделей.

Ключевые возможности

  • 01Генерирует приложения и показывает их в браузере, выводя результат по мере генерации.
  • 02Запускает код, созданный AI, в изолированных песочницах E2B.
  • 03Поддерживает стеки Python, Next.js, Vue.js, Streamlit и Gradio.
  • 04Работает с разными провайдерами LLM, включая OpenAI, Anthropic и Ollama.
  • 05Позволяет добавлять собственные шаблоны песочниц и модели LLM.

Сценарии использования

  • Создание прототипов небольших веб-приложений или дашбордов по текстовому запросу.
  • Разработка собственного инструмента в стиле Claude Artifacts для использования внутри компании.
  • Эксперименты с разными провайдерами LLM для генерации кода.
  • Изучение способов объединить результаты работы LLM с выполнением кода в песочнице.

Быстрый старт

  1. 1

    Клонируйте репозиторий

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

    Перейдите в каталог репозитория и установите зависимости

    cd fragments && npm i
  3. 3

    Создайте .env.local и задайте E2B_API_KEY и API-ключ провайдера LLM

  4. 4

    Запустите сервер разработки

    npm run dev

Что важно знать

  • Для запуска необходимы API-ключ E2B и API-ключ провайдера LLM.
  • Проект создан на базе Next.js 14, поэтому это шаблон веб-приложения, а не самостоятельный инструмент.

В подборках

Темы

Частые вопросы

Что такое fragments?
Открытый шаблон Next.js для приложений, создаваемых с помощью AI: код запускается в песочницах E2B, как в Claude Artifacts или v0. Fragments — шаблон веб-приложения, в котором пользователь описывает желаемый результат, LLM генерирует код, а затем приложение запускает его в песочнице E2B, чтобы результат можно было посмотреть в браузере. Проект позиционируется как открытая альтернатива Claude Artifacts, Vercel v0 и GPT Engineer.
fragments можно использовать бесплатно? Какая у него лицензия?
fragments распространяется с открытым исходным кодом под лицензией Apache-2.0. Перед использованием в коммерческих продуктах проверьте условия лицензии.
fragments всё ещё поддерживается?
Активно поддерживается. Последний коммит в fragments — 4 нояб. 2026 г..
Для чего можно использовать fragments?
Создание прототипов небольших веб-приложений или дашбордов по текстовому запросу. Разработка собственного инструмента в стиле Claude Artifacts для использования внутри компании. Эксперименты с разными провайдерами LLM для генерации кода. Изучение способов объединить результаты работы LLM с выполнением кода в песочнице.
Как установить fragments?
Клонируйте репозиторий: git clone https://github.com/e2b-dev/fragments.git Перейдите в каталог репозитория и установите зависимости: cd fragments && npm i Создайте .env.local и задайте E2B_API_KEY и API-ключ провайдера LLM Запустите сервер разработки: npm run dev
Где скачать fragments?
Исходный код и инструкции по установке — на GitHub: https://github.com/e2b-dev/fragments

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты

Самохостируемая команда AI-руководителей: единый образ руководителя, за которым стоят агенты-специалисты по стратегии, финансам, HR, юридическим вопросам, операциям, маркетингу, продукту и продажам, построенная на Claude.

5,8 тыс.+55 за неделю626PythonApache-2.0Активно поддерживаетсяОбновлён 3 часа назад

Локальный конструктор приложений на базе AI с открытым исходным кодом: работает на вашем компьютере и позволяет использовать собственные API-ключи — альтернатива Lovable, v0 и Bolt.

22,2 тыс.+81 за неделю2,8 тыс.TypeScriptOtherОбновлён 24 часа назад