Choose Your Product
Vortex는 세 가지 제품 라인을 지원합니다. 개발하시는 제품에 맞는 UI 라이브러리를 선택하세요.
어떤 제품을 개발하시나요?
Foundation - 기본 프레임워크
범용 디자인 시스템으로, 모든 프로젝트의 기반이 됩니다.
특징:
- ✅ 깔끔하고 모던한 디자인
- ✅ 범용적인 사용성
- ✅ 다른 제품의 기반 프레임워크
- ✅ 빠른 프로토타이핑에 최적
사용 케이스:
- 신규 프로젝트 시작
- 일반적인 웹 애플리케이션
- MVP 개발
브랜드 컬러:
- Primary:
#3B82F6(Blue)
시작하기:
npm install @vortex/ui-foundationiCignal - Analytics & Reports
데이터 분석 및 리포팅에 특화된 UI 컴포넌트 라이브러리입니다.
특징:
- ✅ Analytics 특화 컴포넌트
- ✅ 차트 및 그래프 통합
- ✅ 데이터 시각화 최적화
- ✅ Dashboard 구축에 최적
사용 케이스:
- 데이터 분석 대시보드
- 리포팅 시스템
- Business Intelligence 도구
- 캠페인 매니저
브랜드 컬러:
- Primary:
#2196f3(Blue) - Secondary:
#e91e63(Pink)
시작하기:
npm install @vortex/ui-icignalCals - Booking & Scheduling
예약 관리 시스템에 특화된 UI 컴포넌트 라이브러리입니다.
특징:
- ✅ 예약 상태 관리 (5가지 상태)
- ✅ 캘린더 및 스케줄링 최적화
- ✅ 고객 관리 기능
- ✅ Booking System에 최적
사용 케이스:
- 예약 관리 시스템
- 스케줄 매니저
- 리소스 캘린더
- 고객 관리 앱
브랜드 컬러:
- Primary:
#e91e63(Pink) - Secondary:
#03a9f4(Blue) - Accent:
#9c27b0(Purple)
예약 상태 컬러:
- Available:
#4caf50(예약 가능) - Pending:
#ff9800(승인 대기) - Confirmed:
#03a9f4(예약 확정) - Cancelled:
#f44336(예약 취소) - Completed:
#9c27b0(서비스 완료)
시작하기:
npm install @vortex/ui-cals제품 비교표
| 특징 | Foundation | iCignal | Cals |
|---|---|---|---|
| 용도 | 범용 | Analytics & Reports | Booking & Scheduling |
| Primary Color | Blue (#3B82F6) | Blue (#2196f3) | Pink (#e91e63) |
| 특화 기능 | 없음 | 차트, 그래프, 데이터 시각화 | 예약 상태 (5가지), 캘린더 |
| 컴포넌트 수 | 27개 | 27개 | 27개 |
| 패키지 이름 | @vortex/ui-foundation | @vortex/ui-icignal | @vortex/ui-cals |
| 사용 제한 | 없음 | iCignal 제품 전용 | Cals 제품 전용 |
어디서부터 시작해야 하나요?
- Foundation: 일반적인 웹 앱을 만드신다면 여기서 시작하세요
- iCignal: 데이터 분석이나 리포팅 기능이 필요하다면 선택하세요
- Cals: 예약 및 스케줄링 기능이 필요하다면 선택하세요
다음 단계
제품을 선택하셨다면:
- 해당 제품의 설치 가이드를 따라하세요
- Quick Start로 빠르게 시작하세요
- Foundations에서 디자인 토큰을 확인하세요
- Components에서 사용 가능한 컴포넌트를 탐색하세요
도움이 필요하신가요?
- FAQ - 자주 묻는 질문
- Support - 기술 지원
- Contributing - 기여 가이드
Last updated on