WonderUI

WonderUI는 반복 개발 비용을 줄이고 일관된 디자인 규칙과 접근성 우선의 재사용 컴포넌트로 어떤 프로젝트에서든 바로 사용할 수 있는 UI를 제공합니다.

시작하기

npm install wonderui-tokens

WonderUI를 프로젝트에 포함시키고 디자인 시스템을 활용해보세요.

1. 왼쪽 사이드바에서 "Design Tokens"를 확인하세요- 모든 디자인 토큰 가이드

2. "Components"에서 각 컴포넌트를 살펴보세요- 사용 방법과 예시 확인

3. Storybook에서 인터랙티브 데모를 확인하세요- 아래 바로가기 또는 사이드바의 Quick Links 사용

코드와 개발 기록을 확인할 수 있습니다.

컴포넌트를 인터랙티브하게 확인하고 사용 예시를 살펴보세요.

디자인 원본과 컴포넌트 스펙을 한 곳에서 확인할 수 있습니다.

설치 방법과 배포 버전을 확인할 수 있습니다.

모든 디자인 요소를 일관되게 관리하고 사용할 수 있습니다.

다양한 기본 컴포넌트들로 빠르게 인터페이스를 구성할 수 있습니다.

컴포넌트는 시멘틱 HTML과 ARIA 속성을 활용하여 모든 사용자가 접근할 수 있도록 설계되었습니다.

모바일부터 데스크톱까지 모든 화면 크기에서 최적의 경험을 제공합니다.