CoUI#
Flutter와 Jaspr Web 모두에서 동작하는 크로스 플랫폼 UI 컴포넌트 라이브러리입니다.
특징#
| 특징 | 설명 |
|---|---|
| 크로스 플랫폼 | Flutter (Mobile/Desktop) + Jaspr (Web) 동일 API |
| 140+ 컴포넌트 | Form, Display, Navigation, Overlay, Layout 등 |
| 테마 시스템 | coui_core 단일 출처 디자인 토큰, Light/Dark 모드 |
| 타입 안전 | Dart 타입 시스템 기반의 안전한 API |
| 접근성 | ARIA 속성, 키보드 네비게이션 내장 |
패키지 구조#
| 패키지 | 설명 |
|---|---|
coui_core | 공유 계약 및 유틸리티 |
coui_flutter | Flutter 위젯 구현 |
coui_web | Jaspr Web 컴포넌트 구현 |
컴포넌트 카테고리#
| 카테고리 | 수량 | 예시 |
|---|---|---|
| Form | 20+ | Button, Input, Select, Checkbox, Toggle, Slider |
| Display | 25+ | Avatar, Badge, Card, Progress, Table, Calendar |
| Navigation | 10+ | Menu, Tabs, Breadcrumb, Navigation |
| Overlay | 10+ | Dialog, Drawer, Popover, Toast, Tooltip |
| Layout | 15+ | Accordion, Grid, Stack, Footer, Hero |
빠른 시작#
저장소 접근 안내
CoUI 저장소는 공개 준비 중이며 현재는 비공개입니다. 아래 설치 방법은 공개 이후 그대로 동작하며, 그전까지는 저장소 접근 권한이 필요합니다.
- 계약 고객에게는 프로젝트에 사용한 버전의 소스 사본을 프로젝트 저장소에 함께 인도합니다.
- 그 외 접근이 필요하시면 cody@cocode.im 으로 연락 주세요.
컴포넌트 카탈로그와 문서는 이 사이트에서 계정 없이 그대로 보실 수 있습니다.
CoUI는 아직 pub.dev에 배포되지 않았습니다 — git 태그를 참조해 설치합니다.
Flutter#
# pubspec.yaml
dependencies:
coui_flutter:
git:
url: https://github.com/coco-de/coui.git
path: packages/coui_flutter
import 'package:coui_flutter/coui_flutter.dart';
// Button 사용
Button(
variant: CoreButtonVariant.primary,
onPressed: () => print('Clicked'),
child: Text('Click me'),
)
Jaspr Web#
# pubspec.yaml
dependencies:
coui_web:
git:
url: https://github.com/coco-de/coui.git
path: packages/coui_web
import 'package:coui_web/coui_web.dart';
// Button 사용
Button(
variant: CoreButtonVariant.primary,
onPressed: () => print('Clicked'),
child: Text('Click me'),
)
자세한 설치 방법은 [시작하기](/getting-started) 페이지를 참고하세요.