e2b-dev/fragments

어떤 프로젝트인가요?

핵심 기능

• 01스트리밍 출력으로 브라우저에서 앱을 생성하고 미리 볼 수 있습니다.
• 02AI가 생성한 코드를 격리된 E2B 샌드박스에서 실행합니다.
• 03Python, Next.js, Vue.js, Streamlit, Gradio 스택을 지원합니다.
• 04OpenAI, Anthropic, Ollama를 비롯한 여러 LLM 제공업체를 지원합니다.
• 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와 LLM 제공업체의 API 키를 설정합니다

4. 4

   개발 서버를 시작합니다

   npm run dev

사용 전 알아둘 점

• !실행하려면 E2B API 키와 LLM 제공업체의 API 키가 필요합니다.
• !Next.js 14 기반이므로 독립 실행형 도구가 아니라 웹 앱 템플릿입니다.

포함된 컬렉션

토픽

자주 묻는 질문

fragments은(는) 무엇인가요?

E2B 샌드박스에서 생성된 코드를 실행하는 AI 앱용 오픈소스 Next.js 템플릿으로, Claude Artifacts나 v0와 유사합니다. Fragments는 원하는 결과를 설명하면 LLM이 코드를 생성하고, 생성된 코드를 E2B 샌드박스에서 실행해 브라우저에서 미리 볼 수 있는 웹 앱 템플릿입니다. Claude Artifacts, Vercel v0, GPT Engineer에 대응하는 오픈소스 프로젝트를 지향합니다.

fragments은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

fragments은(는) Apache-2.0 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

fragments은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. fragments의 마지막 커밋은 2026년 11월 4일입니다.

fragments은(는) 어디에 사용할 수 있나요?

텍스트 프롬프트로 간단한 웹 앱이나 대시보드를 프로토타이핑합니다. 자체 인프라에서 Claude Artifacts 스타일의 사내 도구를 구축합니다. 코드 생성에 사용할 여러 LLM 제공업체를 비교하고 실험합니다. LLM 출력과 샌드박스 기반 코드 실행을 결합하는 방법을 학습합니다.

fragments는 어떻게 설치하나요?

저장소를 클론합니다: git clone https://github.com/e2b-dev/fragments.git 저장소로 이동해 종속성을 설치합니다: cd fragments && npm i .env.local을 만들고 E2B_API_KEY와 LLM 제공업체의 API 키를 설정합니다 개발 서버를 시작합니다: npm run dev

fragments은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/e2b-dev/fragments