MengTo/threeui

어떤 프로젝트인가요?

핵심 기능

• 01대화형 WebGL 및 Three.js UI 컴포넌트를 둘러볼 수 있는 카탈로그
• 02모든 컴포넌트 페이지에서 제공되는 라이브 렌더러와 조정 가능한 컨트롤
• 03변형 선택기와 구현 코드를 보여주는 소스 탭
• 04컴포넌트별 하위 경로 import를 지원하는 설치형 React 패키지
• 05검색 및 테마를 지원하는 반응형 레이아웃

활용 사례

• React 랜딩 페이지에 WebGL 히어로 또는 배경 효과 추가
• Three.js UI 컴포넌트의 구조와 작성 방식 학습
• 컴포넌트 소스를 프로젝트에 복사해 필요에 맞게 수정

빠른 시작

1. 1

   종속성 설치

   npm install
2. 2

   로컬 개발 서버 시작

   npm run dev

사용 전 알아둘 점

• !카탈로그에는 Community 구성 요소만 포함되며, Pro 및 Beta 구성 요소는 제거되었습니다.
• !threeui.com의 원격 카탈로그 썸네일과 미리보기는 이 저장소에서 재배포하지 않습니다.

토픽

자주 묻는 질문

threeui은(는) 무엇인가요?

로그인 없이 이용할 수 있는 Three.js/WebGL UI 컴포넌트 카탈로그로, 라이브 렌더러와 전체 React 소스를 제공합니다. ThreeUI Community는 ThreeUI 컴포넌트 카탈로그의 오픈소스 에디션입니다. WebGL과 Three.js 기반 UI 요소를 둘러볼 수 있으며, 각 요소는 라이브 렌더러, 조정 가능한 컨트롤, 변형 선택기, 구현 소스를 확인할 수 있는 탭이 있는 개별 페이지에 표시됩니다.

threeui은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

threeui은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

threeui은(는) 아직 유지보수되고 있나요?

6개월 이내 업데이트. threeui의 마지막 커밋은 2026년 9월 3일입니다.

threeui은(는) 어디에 사용할 수 있나요?

React 랜딩 페이지에 WebGL 히어로 또는 배경 효과 추가 Three.js UI 컴포넌트의 구조와 작성 방식 학습 컴포넌트 소스를 프로젝트에 복사해 필요에 맞게 수정

threeui는 어떻게 설치하나요?

종속성 설치: npm install 로컬 개발 서버 시작: npm run dev

threeui은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/MengTo/threeui