소개
reopt design
reopt design은 @reopt-ai 패키지들이 만들어지고 문서화되는 디자인 시스템 워크스페이스입니다. 컴포넌트 라이브러리와 그것을 제품 화면으로 조립하는 도구를 함께 공개합니다.
무엇을 만드나
접근성 프리미티브 위에 올린 React 컴포넌트, 편집 가능한 데이터 그리드, AI 퍼스트 에디터와 채팅 표면, 제품 셸, OKLCH 기반 색상 엔진을 만듭니다. 모든 opt-* 패키지는 MIT 라이선스이고 상업적 사용에 제한이 없습니다. 소스는 공개 저장소에 있고 npm에 배포됩니다.
공개 패키지
아래 패키지가 npm의 @reopt-ai 스코프로 배포됩니다. 각 패키지 문서는 문서 허브에서 볼 수 있습니다.
- @reopt-ai/opt-ui — Accessible React component library layered as Core, Shells, and Surfaces.
- @reopt-ai/opt-charts — Recharts-based charts, visuals, and metric displays.
- @reopt-ai/opt-datagrid — Keyboard-first editable data grid with remote data sources and large-scale rendering.
- @reopt-ai/opt-editor — AI-first content editor with a block schema, streaming, and RFC 6902 JSON Patch.
- @reopt-ai/opt-chat — AI chat interface with streaming, conversation state, and rich message parts.
- @reopt-ai/opt-calendar — React calendar for events, booking and availability, recurrence, and AI editing.
- @reopt-ai/opt-filemanager — Connector-based file manager UI for browsing, upload queues, and file detail.
- @reopt-ai/opt-shell — Runtime product frame: app shell, workspace recipes, policy and theme, package adapters.
- @reopt-ai/opt-cli — The `opt` CLI for adding copy-paste surfaces and checking harness contracts.
- @reopt-ai/opt-devtool — Development-only overlay inspector and devtool bridges.
- @reopt-ai/brandapp-ui — Copy-paste Brandapp SDK auth surfaces composed on top of opt-ui.
어떻게 쓰나
패키지를 직접 설치해 쓰거나, opt CLI로 서피스를 프로젝트에 복사해 넣거나, 빌더에서 화면을 조립해 코드로 내보낼 수 있습니다. 컴포넌트 사용에는 계정이 필요 없습니다.
발행 주체
주식회사 리옵트 (reopt Inc.)서울특별시 광진구 천호대로101길 43, 1층 14호(중곡동)
contact@reopt.ai