tag: Ui-Components · 6건
- 근거: Claude 공식 데스크탑 UI를 역분석해 TypeScript/React로 재현한 프로젝트로, 프론트엔드 UI 컴포넌트·인터랙션 물리 알고리즘 구현 패턴 학습에 해당
- 액션: git clone https://github.com/Caho1/open-claude-ui 후 src/ 디렉터리 탐색, 3000줄 역분석 매뉴얼(docs/)에서 React 컴포넌트 설계 패턴 및 물리 인터랙션 구현 방식 확인
- 근거: AI 애플리케이션 전용 UI 컴포넌트/디자인 시스템으로, 프론트엔드 관심 분야에 해당
- 액션: git clone https://github.com/deeplethe/solid-glass 후 npm install && npm run dev 로 컴포넌트 갤러리 확인
- 근거: React용 AI 상태 표시 애니메이션 컴포넌트 라이브러리로, 프론트엔드 UI 컴포넌트/AI 시각화 관심 분야에 해당
- 액션: Product Hunt 페이지에서 GitHub 저장소 링크 확인 후 클론해 React 프로젝트에 AI 로딩 상태 인디케이터로 적용 테스트
- 근거: 프론트엔드/UI 컴포넌트·디자인 시스템 관심 분야에 해당하는 네오브루탈리즘 스타일 UI 라이브러리
- 액션: neobrutalism.dev 방문해 Base UI 컴포넌트 및 색상 테마 예제 훑어보기
- 근거: 프론트엔드/UI 컴포넌트·디자인 시스템 관심 분야에 해당하는 ThreeUI 인터랙티브 컴포넌트 카탈로그
- 액션: git clone https://github.com/MengTo/threeui && npm install && npm run dev 로 로컬에서 컴포넌트 카탈로그 확인
- 근거: 프론트엔드 UI 라이브러리 — React/Vue/Svelte/바닐라 지원 WebGL 캔버스 컴포넌트로 관심 분야 프론트엔드에 직접 해당, ★882에 실제 소스(src/, package.json 등) 확인됨
- 액션: git clone https://github.com/DavidHDev/canvas-ui 후 npm install && npm run dev로 컴포넌트 데모 로컬 실행 확인