Chat UI
ChatGPT-style chat bubbles, message input, and conversation sidebar.
Chat Demo
안녕하세요! Rebrick Design System에 대해 알려주세요.
A
안녕하세요! Rebrick Design System은 ChatGPT에서 영감을 받아 만든 한국어 친화적 UI 컴포넌트 라이브러리입니다. 주요 특징: • Tailwind CSS v4 기반 • Radix UI 프리미티브 사용 • 다크모드 완벽 지원 • 모바일 최적화
어떤 컴포넌트들이 있나요?
A
다음과 같은 컴포넌트들이 포함되어 있습니다: **UI 프리미티브**: Button, Input, Select, Checkbox, Switch, Tabs, Dialog, Sheet 등 **레이아웃**: TopNav, Sidebar, AppShell, Container, Footer **채팅 UI**: ChatBubble, MessageInput, ConversationItem 총 40개 이상의 컴포넌트가 준비되어 있어요!
ChatBubble — Variants
이것은 사용자 메시지입니다. 오른쪽에 정렬되어 있어요.
R
이것은 어시스턴트 메시지입니다. 왼쪽에 정렬되어 있고 아바타가 표시됩니다.
짧은 메시지
A
마크다운 스타일 응답도 지원합니다:
- 첫 번째 항목
- 두 번째 항목
- 세 번째 항목
Message Input
Conversation Items
Rebrick Design System 소개오늘
컴포넌트 사용 방법어제
다크모드 설정하기2일 전
Tailwind CSS v4 설정지난 주
Radix UI 커스텀하기지난 주