DaleStudy/daleui

달레 UI

🎨 달레 스터디에서 시작해, 모두에게 공개된 오픈소스 디자인 시스템

미션 (Mission)

한국어 환경에 맞는 오픈소스 디자인 시스템을 만들어 디자이너와 개발자가 접근성 높은 프로덕트를 쉽고 빠르게 함께 만들도록 돕습니다.

핵심 가치 (Core Values)

1. 한국어 사용자 중심 설계
2. 신뢰할 수 있는 시스템
3. 커뮤니티 중심 발전

문서 (Documentation)

• 스토리북
• 위키
• Figma UI Kit

설치 (Installation)

React 프로젝트에서 다음 패키지 매니저 중 하나로 설치합니다.

# with Bun
$ bun add daleui pretendard @fontsource-variable/jetbrains-mono

# with npm
$ npm install daleui pretendard @fontsource-variable/jetbrains-mono

# with pnpm
$ pnpm add daleui pretendard @fontsource-variable/jetbrains-mono

# with Yarn
$ yarn add daleui pretendard @fontsource-variable/jetbrains-mono

앱 진입점(예: main.tsx, App.tsx)에서 스타일을 한 번에 불러옵니다.

import "daleui/styles.css";

사용법 (Usage)

import { Button } from "daleui";

export default () => (
  <>
    <Button size="md" tone="brand" type="button" variant="solid">
      시작하기
    </Button>
    <TextInput placeholder="텍스트를 입력해주세요." />
  </>
);

응원 (Support)

달레 UI가 여러분의 프로젝트에 도움이 되신다면 후원을 고려해주시면 감사하겠습니다. 💝 저장소에 스타를 주시는 것도 더 많은 분들이 저희 커뮤니티를 찾는데 도움이 됩니다. ⭐