DESIGN SYSTEM

Amineslab UI

React 컴포넌트와 디자인 토큰

색상과 간격을 정하고, 필요한 컴포넌트를 조합하세요. 라이트·다크 테마와 모바일 레이아웃을 지원합니다.

React 19 · Tailwind CSS v4 · TypeScript

컴포넌트 체험

Preview

프로젝트 설정

직접 입력하고 테마를 바꿔보세요.

Field · Input · Switch · Button

디자인 값에서 컴포넌트 사용법까지

화면의 기본값

색상, 타이포그래피, 간격과 모션의 값 및 사용 예제.

바로 쓰는 UI

컴포넌트별 props와 예제. 모바일·데스크톱 미리보기.

구현할 때 참고할 것

패키지 import 경로와 키보드·스크린리더 사용 기준.