WOW Design System

와우 디자인 시스템은 디자인에 대한 고민을 줄이고 개발에만 집중할 수 있도록 제작된 GDSC Hongik의 디자인 시스템 입니다.

---

📦 Installation

npm install wowds-ui

pnpm add wowds-ui

yarn add wowds-ui

🛠️ Usage

import Button from "wowds-ui/Button";

function App() {
  return <Button variant="primary">Click Me!</Button>;
}

export default App;

🤝 Contributing

1. 레포 클론
git clone https://github.com/GDSC-Hongik/wow-design-system.git

2. 디렉토리 이동
cd packages/wow-ui

3. 의존성 설치
pnpm install

🌐 Links

• npm
  • wowds-ui : 공통 UI 컴포넌트를 모아둔 패키지
  • wowds-icons : 디자인 시스템에서 사용하는 아이콘들을 SVG 또는 컴포넌트 형태로 제공하는 패키지
  • wowds-tokens : 색상, 타이포그래피, 여백 등 디자인 토큰을 정의한 패키지
  • wowds-theme : Panda CSS에서 사용할 수 있는 테마 설정과 config를 담고 있는 설정 패키지
• storybook
• wow-docs

🚀 Tech Stack