reopt design
DocsExploreTemplatesCanvasToolsPricing
Login
8 modules · 245 components

One product, the complete stack

UI components, data grids, content editors, AI chat, design governance — everything your product interface needs lives in a single package ecosystem.

245
Components
131
Blocks + Pages
6
Playground
v1.35.0
Latest

Core modules

The core packages that form the foundation of your product interface

U

opt-ui

UI component library

74
Core
99
Shells
32
Blocks

From accessibility primitives to full page templates. A shared UI system designed as Core → Shells → Surfaces.

Full WAI-ARIA accessibility patternsOKLCH color engine + canonical CSS tokensshadcn-style CLI copy flow
View docsExploreTheme BuilderCanvas
C

opt-charts

Charts and data visualization

40
Charts

Recharts-based charts, heatmaps, funnels, and metric shells provided as a specialist package outside opt-ui.

Recharts wrappers and shared chart containerAnalytics, conversion, and retention visualsImport/API boundary separated from opt-ui
View docsExplore
S

opt-shell

Runtime frame

4
Recipes
2
Adapters
4
Policies

The runtime frame that assembles the parts into consistent product screens through workspace recipes, a policy system, and adapters.

Dashboard, List, Detail, and Editor recipesAutomatic loading/empty/error chromeopt check CI compliance validation
View docsExamples
E

opt-editor

AI content editor

15
Blocks
2
Modes

Visual WYSIWYG and AI StreamCompiler in dual mode. 15 blocks, NDJSON streaming, and Markdown conversion.

Visual + AI streaming dual modeProgressive NDJSON content injectionEditorSpec backward compatibility
View docsPlayground
D

opt-datagrid

Data grid

8
Editors
6
Hooks
58
Types

Keyboard-first editable grid. Built-in virtualization, cell editing, clipboard, and remote sync.

8 built-in cell editorsViewport fetching + batched saveClipboard, range selection, drag-fill
View docsPlayground

Companion modules

Specialist modules for AI, debugging, and harness governance

C

opt-chat

AI chat UI

Streaming chat built on the Vercel AI SDK. 28 renderers, voice input, and model routing.

28 AI output renderersSSE-based real-time streaming
View docs
D

opt-devtool

Inspector overlay

Real-time theme, component tree, and cross-module state visualization. Auto-stripped in production.

Real-time theme token visualizationCross-module snapshot bridgeZero production bundle impact
View docs
C

opt-cli

The harness

Holds product screens to the harness contract — check, doctor, audit scoring, and the design-system lint rules that keep UI on-spec and AI-buildable as it grows.

opt harness check / doctor / testcompleteness · coverage · pattern scoringdesign-system · layer · a11y lint rules
View docs

Playground

Interactive environments you can experiment with right in the browser

Deck Studio Playground

36 sample slides, direct editing, AI, presenting, and file export

Open

DataGrid Playground

Experiment with data generation, async scenarios, and editing flows.

Open

Editor Playground

Verify block editing, streaming, and AI authoring.

Open

Chat Playground

Test AI chat streaming, renderers, and input interfaces.

Open

Calendar Playground

Exercise events, booking, time zones, remote data, and AI draft review.

Open

File Manager Playground

Validate browsing, uploads, capability constraints, latency, failure, and recovery.

Open

Latest releases

Track recent updates and changes

View all →
v1.35.02026-11-02

opt-chat 입력창이 쓰는 흐름을 끊지 않게 바뀌었습니다. eve 에이전트 세션 렌더러와 실행 기록 컴포넌트도 추가했습니다.

opt-chat
v1.34.02026-11-02

모델이 쓰는 표를 지켜보며 함께 고칩니다.

opt-datagrid
v1.33.02026-11-02

opt-datagrid 1.8: 행 아래에 분할 영역을 펼쳐 중첩 그리드까지 한 키보드로 다루고, 선택한 셀에 한글을 바로 입력할 수 있습니다. opt-charts는 애니메이션을 끄면 y축 라벨이 잘리던 문제를, opt-editor는 선택 강조가 에디터 밖으로 번지던 문제를 고쳤습니다.

opt-datagridopt-editoropt-charts
v1.32.02026-10-23

opt-ui 3.0 · opt-chat 2.0 · opt-shell 2.0: optional peer가 필요한 컴포넌트를 전용 엔트리로 분리해, 그 peer를 설치하지 않은 Next 앱도 webpack·Turbopack에서 빌드됩니다.

opt-uiopt-cliopt-editoropt-chatopt-shell
v1.31.02026-10-06

opt-deck 1.0: 독립 슬라이드 편집·발표, 차트와 스프레드시트 확장, 접근성 읽기 경로와 설치본 검증.

opt-deckopt-ui-primitives

Get started today

Understand the structure in the docs, browse blocks in Explore, and build it yourself in Builder.

Docs hubExplore
reopt designreopt design

A design system for the AI era

  • Docs
  • Pricing
  • Releases
  • About
  • Contact
  • Terms of Service
  • Privacy Policy

reopt Inc.Business registration no. 217-88-02453contact@reopt.ai

© 2026 reopt Inc. All rights reserved.