
AI·GPT 인터페이스를 위한 오픈소스 Tailwind CSS 컴포넌트
| 항목 / 지표 | ![]() | ![]() |
|---|---|---|
| 공식 도메인 | designcodeui.com | langui.dev |
| 가격 모델 | 무료+유료, 유료 | 무료 |
| 월간 방문 수 | 5.91천 (5,906) | 1.87천 (1,872) |
| 전월 대비 트래픽 변화량 | -1.1만 (-65.1%) | -412 (-18%) |
| 주요 시장 및 점유율 | 🇫🇷 프랑스 (79%) | 🇮🇳 인도 (100%) |
| 월 직접 방문 수 | 1.59천 | 577 |
| 사용자 평점 | 4.2 | 4.5 |
| 지원 플랫폼 | 웹사이트 | 웹사이트 |

변수·배리언트·적응형 레이아웃을 갖춘 대규모 Figma 및 Framer UI 컴포넌트 라이브러리
버튼, 컨트롤, 메뉴, 카드, 내비게이션, 콘텐츠 블록을 라이트/다크 모드와 크기, 상태를 갖춘 재사용 컴포넌트로 제공합니다.
색상, 간격, 테마를 Figma 변수로 구동하며 200개 이상의 변수 정의와 2,000개 이상의 배리언트로 변경이 안정적으로 전파됩니다.
네이티브 Framer 컴포넌트를 제공해 노코드 제작자가 디자인 시스템을 다시 만들지 않고 사이트를 게시할 수 있습니다.
Glass, Outline, Flat 미학을 전환해 다양한 브랜드 분위기에 맞출 수 있습니다.

AI·GPT 인터페이스를 위한 오픈소스 Tailwind CSS 컴포넌트
원하는 컴포넌트의 마크업을 복사해 프로젝트에 붙여 넣기만 하면 됩니다. 의존성 제로, 설치 불필요.
프롬프트 입력창, 채팅 레이아웃, 응답 영역 등 GPT와 챗봇 제품에서 흔히 쓰이는 패턴을 담았습니다.
모든 컴포넌트가 두 가지 색상 테마에서 모두 보기 좋게 디자인되었습니다.
화면 크기에 따라 레이아웃이 적응해 모바일과 데스크톱에서 같은 컴포넌트가 작동합니다.
편집 가능한 캔버스와 디자인 에이전트를 갖춘 프로용 웹사이트 빌더

팀과 AI 에이전트가 함께 브랜드에 맞는 제품 경험을 출시하세요
팀과 AI 에이전트가 함께 브랜드에 맞는 제품 경험을 출시하세요

무료 / 오픈소스자사 제품 안에 AI 에이전트와 코파일럿을 심는 오픈소스 프런트엔드 스택
NoteForms is a no-code form builder made specifically for Notion: design a form, link it to one of your Notion databases, and every submission lands as a new entry with all fields mapped. It goes well beyond Notion's native forms with conditional logic, file uploads, signatures, ratings, multipage layouts and custom branding.
NoteForms is a no-code form builder made specifically for Notion: design a form, link it to one of your Notion databases, and every submission lands as a new entry with all fields mapped. It goes well beyond Notion's native forms with conditional logic, file uploads, signatures, ratings, multipage layouts and custom branding.

무료 / 오픈소스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.
디자이너급 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.