CoUI | CoUI
LogoCoUI

CoUI

Flutter와 Jaspr Web을 위한 크로스 플랫폼 UI 컴포넌트 라이브러리

CoUI#

FlutterJaspr Web 모두에서 동작하는 크로스 플랫폼 UI 컴포넌트 라이브러리입니다.

특징#

특징설명
크로스 플랫폼Flutter (Mobile/Desktop) + Jaspr (Web) 동일 API
140+ 컴포넌트Form, Display, Navigation, Overlay, Layout 등
테마 시스템 coui_core 단일 출처 디자인 토큰, Light/Dark 모드
타입 안전Dart 타입 시스템 기반의 안전한 API
접근성ARIA 속성, 키보드 네비게이션 내장

패키지 구조#

패키지설명
coui_core공유 계약 및 유틸리티
coui_flutterFlutter 위젯 구현
coui_webJaspr 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) 페이지를 참고하세요.