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

Starteropt-editor example

Basic Editor

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

editauthoringeditor
bun add @reopt-ai/opt-editor

APIs used

EditorcreateEditorStoredefaultCatalogEditorSpec

Live preview

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

1024px
Starter Surface
Editor + defaultCatalog

ℹ️

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

Headless Composition

Examples

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

opt-editor

Notes App

Examples

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

opt-editor

Version History

Examples

Edit a document, undo and redo changes, save in-memory snapshots, preview saved content, and restore any version as one undoable change.

PreviousNotes AppNextHeadless Composition