https://github.com/dalestudy/daleui

🎨 디자인 시스템
https://github.com/dalestudy/daleui

bun chromatic design-system eslint figma pandacss prettier react storybook typescript vite vitest

Last synced: about 2 months ago
JSON representation

🎨 디자인 시스템

• Host: GitHub
• URL: https://github.com/dalestudy/daleui
• Owner: DaleStudy
• License: mit
• Created: 2024-08-27T02:01:41.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2026-03-08T08:54:01.000Z (4 months ago)
• Last Synced: 2026-03-08T12:54:49.118Z (4 months ago)
• Topics: bun, chromatic, design-system, eslint, figma, pandacss, prettier, react, storybook, typescript, vite, vitest
• Language: TypeScript
• Homepage: https://www.daleui.com/
• Size: 4.36 MB
• Stars: 43
• Watchers: 2
• Forks: 3
• Open Issues: 67
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md
  • Codeowners: .github/CODEOWNERS
  • Security: SECURITY.md

Awesome Lists containing this project

README

          


  



[![NPM Version](https://img.shields.io/npm/v/daleui)](https://www.npmjs.com/package/daleui)

[![Chromatic 🎨](https://github.com/DaleStudy/daleui/actions/workflows/chromatic.yml/badge.svg)](https://github.com/DaleStudy/daleui/actions/workflows/chromatic.yml)

[![Integration 🔀](https://github.com/DaleStudy/daleui/actions/workflows/integration.yml/badge.svg)](https://github.com/DaleStudy/daleui/actions/workflows/integration.yml)

[![codecov](https://codecov.io/github/DaleStudy/daleui/graph/badge.svg)](https://codecov.io/github/DaleStudy/daleui)

[![bundle size](https://codecov.io/github/DaleStudy/daleui/graph/bundle/daleui-bundle-esm/badge.svg)](https://app.codecov.io/github/DaleStudy/daleui/bundles/main/daleui-bundle-esm)

[![All Contributors](https://img.shields.io/github/all-contributors/DaleStudy/daleui?color=ee8449&style=flat-square)](#contributors)

# 달레 UI

🎨 달레 스터디의 디자인 시스템

## 미션 (Mission)

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

## 핵심 가치 (Core Values)

1. 한국어 사용자 중심 설계

2. 신뢰할 수 있는 시스템

3. 커뮤니티 중심 발전

## 문서 (Documentation)

- [스토리북](https://main--675790d317ba346348aa3490.chromatic.com)

- [위키](https://github.com/DaleStudy/daleui/wiki)

## 설치 (Installation)

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

```sh

# 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`)에서 스타일을 한 번에 불러옵니다.

```tsx

import "daleui/styles.css";

```

## 사용법 (Usage)

```tsx

import { Button } from "daleui";

export default () => (

  <>

    

      시작하기

    

    

  >

);

```

## 기여 (Contribution)

본 프로젝트는 [All Contributors](https://github.com/all-contributors/all-contributors) 관례에 따라 기여자분들의 공헌를 인정하고 감사를 표현하고 있습니다.

  

    

      
Dale Seo
💻 📖

      
Helena Park
💻 📖

      
hyoseong
📝 💻 📖

      
오예림 Ria Oh
💻 📖

      
seunghyun
🎨 📖

      
Jahye
🎨 📖

      
Yunsup Sim(심윤섭)
💻 📖

    

    

      
Evan Suhyeong Lee
📝 💻 📖

      
최진욱
📆

      
Hansaem.so
💻 📖

      
서진혁 (Aka)
💻 📖

      
유은지
💻 📖

      
Tasha(살미)
💻 📖

      
mkang
📝 🎨

    

    

      
이선재
📝 💻 📖

      
Sehwan
📝 💻 📖

      
BK LEE
🎨

      
graycrisp
🎨

      
Lyla (Minju) Park
💻

    

  

## 응원 (Support)

달레 UI가 여러분의 프로젝트에 도움이 되신다면 후원을 고려해주시면 감사하겠습니다. 💝

저장소에 스타를 주시는 것도 더 많은 분들이 저희 커뮤니티를 찾는데 도움이 됩니다. ⭐