Gradio 6, 커스텀 HTML/CSS/JS 지원

Gradio 6의 gr.HTML 기능이 커스텀 템플릿, scoped CSS, JavaScript 상호작용을 지원하며 대폭 강화되었다. 이를 통해 개발자는 별도의 프론트엔드 빌드 단계 없이 단일 Python 파일만으로 복잡한 웹 컴포넌트를 구축하고 Hugging Face Spaces에 즉시 배포할 수 있다.

주요 활용 사례는 다음과 같다:

• 비즈니스 및 생산성 도구: 드래그 앤 드롭 칸반 보드, 애니메이션 타이머 등 구현.
• ML 특화 컴포넌트: 객체 탐지 시각화 도구, Three.js 기반 3D 카메라 컨트롤, 실시간 음성 전사 UI 등 모델 출력에 최적화된 컴포넌트 제작.
• 재사용성: gr.HTML을 서브클래싱하여 표준 Gradio 컴포넌트처럼 워크플로우에 통합 가능.

특히 LLM이 코드를 생성하는 '바이브 코딩(Vibe Coding)' 환경에서 큰 이점을 가진다. LLM이 별도의 스타일 시트나 설정 파일 없이도 즉시 실행 가능한 완성된 UI 코드를 단일 파일로 출력할 수 있어 개발 피드백 루프를 극대화한다.