CoUI#
Flutter와 Jaspr Web 모두에서 동작하는 크로스 플랫폼 UI 컴포넌트 라이브러리입니다.
| 특징 | 설명 |
| 크로스 플랫폼 | Flutter (Mobile/Desktop) + Jaspr (Web) 동일 API |
| 140+ 컴포넌트 | Form, Display, Navigation, Overlay, Layout 등 |
| 테마 시스템 | DaisyUI 기반 35+ 테마, 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 |
빠른 시작#
Flutter#
# pubspec.yaml
dependencies:
coui_flutter: ^0.0.1
import 'package:coui_flutter/coui_flutter.dart';
// Button 사용
Button(
onPressed: () => print('Clicked'),
child: Text('Click me'),
)
Jaspr Web#
# pubspec.yaml
dependencies:
coui_web: ^0.0.1
import 'package:coui_web/coui_web.dart';
// Button 사용
Button(
onClick: () => print('Clicked'),
child: text('Click me'),
)
자세한 설치 방법은 [시작하기](/getting-started) 페이지를 참고하세요.