React 컴포넌트 라이브러리, @gentleduck/ui

<p align="center"> <img src="https://raw.githubusercontent.com/gentleeduck/duck-ui/HEAD/public/logo-dark.svg" alt="gentleduck/ui" width="120"/> </p> <h1 align="center">@gentleduck/ui</h1> <p align="center"> React 컴포넌트 라이브러리, 헤드리스 프리미티브(headless primitives), 훅(hooks), 변형(variants), 그리고 Gentleduck 디자인 시스템을 위한 개발자 도구. </p> <p align="center"> <a href="./LICENSE">MIT</a> - <a href="./CHANGELOG.md">변경 기록</a> - <a href="./CONTRIBUTING.md">기여하기</a> - <a href="https://gentleduck.org/duck-ui">문서(Docs)</a> </p> <p align="center"> <a href="https://www.npmjs.com/package/@gentleduck/registry-ui"><img src="https://img.shields.io/npm/v/@gentleduck/registry-ui.svg?label=registry-ui" alt="registry-ui"/></a> <a href="https://www.npmjs.com/package/@gentleduck/primitives"><img src="https://img.shields.io/npm/v/@gentleduck/primitives.svg?label=primitives" alt="primitives"/></a> <a href="https://www.npmjs.com/package/@gentleduck/cli"><img src="https://img.shields.io/npm/v/@gentleduck/cli.svg?label=cli" alt="cli"/></a> <a href="./LICENSE"><img src="https://img.shields.io/npm/l/@gentleduck/registry-ui.svg" alt="MIT"/></a> </p>

설치(Install)

bunx @gentleduck/cli init
bunx @gentleduck/cli add button dialog calendar

빠른 시작(Quick start)

import { Button } from '@/components/ui/button'

export default function App() {
...

워크스페이스(Workspace)

경로 (Path)	패키지 (Package)	역할 (Role)
`packages/registry-ui`	`@gentleduck/registry-ui`	Styled Tailwind 컴포넌트
...
Private docs 전용: `registry-blocks`, `registry-examples`, `registry-internals`.
WIP / 사용 중단된 것은 `packages/wip/` 및 `packages/deprecated/` 아래에 위치합니다.

앱(Apps)

| 경로 (Path) | 역할 (Role) |
| :--- | :--- | :--- |
| apps/duck | gentleduck.org/duck-ui의 문서 사이트 |

템플릿(Templates)

Path	Stack
`templates/acme`	Next.js monorepo starter wired to the registry

Build

bun install
bunx turbo run build --filter='./packages/*' 
bunx turbo run test --filter='./packages/*' 
...

Docs

Site: gentleduck.org/duck-ui
Component docs: apps/duck/content/docs/<package>/
Sibling repos: @gentleduck/iam, @gentleduck/upload, @gentleduck/md

Contributing

PR 체크리스트 및 스타일 가이드는 CONTRIBUTING.md에 있습니다.
보안: SECURITY.md. 행동 강령: CODE_OF_CONDUCT.md.

License

MIT. LICENSE를 참조하세요.