open-index/open-npm huggingface dataset:
npm package: @juchan/jds
Description: ![header](https://capsule-render.vercel.app/api?type=rect&color=0:EEFF00,100:a82da8&fontColor=FFFFFF&height=100&section=header&text=Juchan%20Design%20System%20Library&fontSize=40&fontAlign=50&fontAlignY=50)
Latest version: 0.9.0

![header](https://capsule-render.vercel.app/api?type=rect&color=0:EEFF00,100:a82da8&fontColor=FFFFFF&height=100&section=header&text=Juchan%20Design%20System%20Library&fontSize=40&fontAlign=50&fontAlignY=50)

![Node.js](https://img.shields.io/badge/Node%2020.x-339933?style=flat-square&logo=Node.js&logoColor=white) ![Pnpm](https://img.shields.io/badge/Pnpm%2010.14-F69220?style=flat-square&logo=pnpm&logoColor=white) ![React](https://img.shields.io/badge/React%2019-61DAFB?style=flat-square&logo=react&logoColor=black) ![Typescript](https://img.shields.io/badge/Typescript-3178c6?style=flat-square&logo=typescript&logoColor=white) ![Tailwindcss](https://img.shields.io/badge/Tailwind_CSS-grey?style=flat&logo=tailwind-css&logoColor=38B2AC)
![Vite](https://img.shields.io/badge/Vite-646CFF?style=flat&logo=Vite&logoColor=white)

**Headless 컴포넌트 패턴을 적용하여 UI의 로직과 스타일을 완전히 분리한 재사용 가능한 컴포넌트 라이브러리입니다.**

## 📚 Deployment

- 항상 release branch의 최신 변경 사항을 반영합니다.

### Package

- Link: https://www.npmjs.com/package/@juchan/jds

#### pnpm

```bash
 pnpm add @juchan/jds
```

#### npm

```bash
 npm install @juchan/jds
```

### Storybook

- Link: https://juchanhwang.github.io/jds/