reopt design
DocsExploreTemplatesCanvasToolsPricing
Login
opt-uiopt-chartsopt-datagridopt-editoropt-calendaropt-filemanageropt-chatopt-shellbrandapp-ui
opt-editor6
Notes App
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.

Appopt-editor example

Notes App

A calm writing workspace with block editing, nested pages, page mentions, search, favorites, templates, local autosave, comments, Trash, and Markdown export.

appnoteseditorworkspacelocal-storage
bun add @reopt-ai/opt-editor

APIs used

EditorcreateEditorStoredefaultCatalogEditorSpec

Live preview

Change the width and theme, then interact with the components.

1024px
m.
MarginPersonal workspace

Favorites

Workspace

7
Saved on this device
Y
Your workspaceA little space to think.
Workspace🌿 Product wiki
Saved locally
A little clarity goes a long way.

Product wiki

YYour personal workspace·A home for good ideas
Type / for blocks · @ to link a page

ℹ️

Install and import

Related docsOpen playground

Install

bun add @reopt-ai/opt-editor

Import

import { Editor, createEditorStore, defaultCatalog, type EditorSpec } from "@reopt-ai/opt-editor";

Related Examples

opt-editor

Basic Editor

Examples

Edit headings, paragraphs, and a callout with Editor, defaultCatalog, and an in-memory document store.

opt-editor

Diff Review

Examples

Review changes with keyboard-accessible decisions: accept updates the document, reject keeps the original, and reset starts over.

opt-editor

Headless Composition

Examples

Compose a custom authoring surface with BlockTree, BlockToolbar, document versions, and working undo/redo controls.

NextBasic Editor