무료 / 오픈소스오픈 AI 모델을 로컬과 클라우드에서 실행하고 구축하세요

ChatGPT 안에서 Tailwind CSS와 React 결과를 즉시 미리보기
| 항목 / 지표 | ![]() | |
|---|---|---|
| 공식 도메인 | streamdown.ai | windchat.link |
| 가격 모델 | Free and open source | 무료+유료 |
| 월간 방문 수 | 8.75천 (8,750) | 0 (0) |
| 전월 대비 트래픽 변화량 | +5.76천 (+193%) | 0 (0%) |
| 주요 시장 및 점유율 | 🇺🇸 미국 (35.2%) | 🌐 글로벌 (—) |
| 월 직접 방문 수 | 3.39천 | 0 |
| 사용자 평점 | 4.7 | 4.3 |
| 지원 플랫폼 | 웹사이트 | 웹사이트 |
스트리밍 AI 출력을 위해 만들어진 React Markdown 드롭인 렌더러
제목, 목록, 코드 블록을 위한 Tailwind 기반 타이포그래피를 내장하고 테이블, 작업 목록, 취소선, 자동 링크 등 GitHub Flavored Markdown을 지원합니다.
커서 표시로 콘텐츠가 아직 생성 중임을 보여주고, 닫히지 않은 블록을 깨뜨리지 않고 파싱하며, 애니메이션 전환으로 더 매끄러운 출력을 제공합니다.
Shiki 기반 구문 강조, 복사 및 다운로드 버튼, 자동 언어 감지, 선택적 줄 번호를 제공합니다.
KaTeX로 렌더링하는 LaTeX 수식, 전체 화면으로 볼 수 있는 인터랙티브 Mermaid 다이어그램, 표의 문자 구두점을 올바르게 표시하는 CJK 지원.

ChatGPT 안에서 Tailwind CSS와 React 결과를 즉시 미리보기
Tailwind 유틸리티 클래스를 사용한 HTML을 채팅 옆 패널에 렌더링해 채팅을 벗어나지 않고 스타일을 확인합니다.
createRoot 렌더링 패턴을 포함한 React 출력을 해석해 같은 미리보기 영역에 UI를 표시합니다.
Tailwind CSS 페이지·컴포넌트 생성과 React 컴포넌트 설계용 큐레이션 프롬프트를 제공해 반복 작성 부담을 줄입니다.
다시 생성하면 미리보기가 제자리에서 갱신되어 설계와 생성의 루프를 ChatGPT 안에서 끝낼 수 있습니다.
무료 / 오픈소스오픈 AI 모델을 로컬과 클라우드에서 실행하고 구축하세요

무료 / 오픈소스정확하게 코드를 쓰고, 더 큰 작업은 에이전트에 맡기고, 어디서든 작업을 이어가세요
무료 / 오픈소스코딩 에이전트에 진짜 디자인 판단력을 부여하세요

무료 / 오픈소스자사 제품 안에 AI 에이전트와 코파일럿을 심는 오픈소스 프런트엔드 스택

무료 / 오픈소스Claude Code와 Codex를 위한 에이전트 위키 및 비주얼 워크스페이스

VS Code, JetBrains, Visual Studio를 지원하는 BYOK 방식 AI 코딩 에이전트