LangUI는 월간 방문 1,872, 전월 대비 성장률 -18%, 무료 가격 모델을 기록합니다. WindChat는 월간 방문 0, 성장률 0%, 무료+유료 가격 모델을 기록합니다.
AI·GPT 인터페이스를 위한 오픈소스 Tailwind CSS 컴포넌트
ChatGPT 안에서 Tailwind CSS와 React 결과를 즉시 미리보기
| 항목 / 지표 | | |
|---|---|---|
| 공식 도메인 | langui.dev | windchat.link |
| 가격 모델 | 무료 | 무료+유료 |
| 월간 방문 수 | 1.87천 (1,872) | 0 (0) |
| 전월 대비 트래픽 변화량 | -412 (-18%) | 0 (0%) |
| 주요 시장 및 점유율 | 🇮🇳 인도 (100%) | 🌐 글로벌 (—) |
| 월 직접 방문 수 | 577 | 0 |
| 사용자 평점 | 4.5 | 4.3 |
| 지원 플랫폼 | 웹사이트 | 웹사이트 |
AI·GPT 인터페이스를 위한 오픈소스 Tailwind CSS 컴포넌트
원하는 컴포넌트의 마크업을 복사해 프로젝트에 붙여 넣기만 하면 됩니다. 의존성 제로, 설치 불필요.
프롬프트 입력창, 채팅 레이아웃, 응답 영역 등 GPT와 챗봇 제품에서 흔히 쓰이는 패턴을 담았습니다.
모든 컴포넌트가 두 가지 색상 테마에서 모두 보기 좋게 디자인되었습니다.
화면 크기에 따라 레이아웃이 적응해 모바일과 데스크톱에서 같은 컴포넌트가 작동합니다.
ChatGPT 안에서 Tailwind CSS와 React 결과를 즉시 미리보기
Tailwind 유틸리티 클래스를 사용한 HTML을 채팅 옆 패널에 렌더링해 채팅을 벗어나지 않고 스타일을 확인합니다.
createRoot 렌더링 패턴을 포함한 React 출력을 해석해 같은 미리보기 영역에 UI를 표시합니다.
Tailwind CSS 페이지·컴포넌트 생성과 React 컴포넌트 설계용 큐레이션 프롬프트를 제공해 반복 작성 부담을 줄입니다.
다시 생성하면 미리보기가 제자리에서 갱신되어 설계와 생성의 루프를 ChatGPT 안에서 끝낼 수 있습니다.
무료 / 오픈소스정확하게 코드를 쓰고, 더 큰 작업은 에이전트에 맡기고, 어디서든 작업을 이어가세요
무료 / 오픈소스자사 제품 안에 AI 에이전트와 코파일럿을 심는 오픈소스 프런트엔드 스택
VS Code, JetBrains, Visual Studio를 지원하는 BYOK 방식 AI 코딩 에이전트
무료 / 오픈소스LocalMode UI is an open-source shadcn registry of copy-owned, composable AI interface components plus installable blocks that run real models directly in the browser. It ships 100+ React components and 36 blocks covering chat, RAG knowledge bases, vision, audio, photo editing, agents and privacy tooling, all designed to be local-first by default and cloud-compatible when you want it.
무료 / 오픈소스LocalMode UI is an open-source shadcn registry of copy-owned, composable AI interface components plus installable blocks that run real models directly in the browser. It ships 100+ React components and 36 blocks covering chat, RAG knowledge bases, vision, audio, photo editing, agents and privacy tooling, all designed to be local-first by default and cloud-compatible when you want it.
VS Code와 클라우드에서 함께 쓰는 AI 코딩 에이전트
디자이너급 UI 컴포넌트와 완성형 앱을 기존 스택으로 바로 전달
Windframe is an AI-powered visual builder for Tailwind CSS that lets you design pages visually and export production-ready code for React, Vue, Svelte, Angular, or plain HTML.
Windframe is an AI-powered visual builder for Tailwind CSS that lets you design pages visually and export production-ready code for React, Vue, Svelte, Angular, or plain HTML.
무료 / 오픈소스스트리밍 AI 출력을 위해 만들어진 React Markdown 드롭인 렌더러
