TenTap: A Tiptap-Based Rich Text Editor for React Native

The mobile rich text gap TenTap targets

The repository description is "React Native Rich Text Editor" and the README positions TenTap as a typed, easy to use, customizable and extendable editor for React Native built on Tiptap and ProseMirror. According to the README, the project exists because there is an empty void for open source rich text editors on mobile, especially for React Native. TenTap is designed for getting the best experience of editing rich text on mobile, inspired by editors like Google Docs, Notion and Dropbox Paper. The audience is React Native developers who want a plug and play editor with essential features out of the box, while still being able to tailor it to application specific needs. The project is not archived and its last push was on 2026-10-15.

How TenTap works under the hood

TenTap is based on Tiptap and ProseMirror, which means the editing surface is a web editor rendered inside a webview rather than a fully native text view. The README lists features that follow from that architecture: it is extendable, supports dynamic scheme, ships a native toolbar, allows customizable styles, and supports dark mode and custom themes. Because the core is Tiptap, extensions and schema customization from the Tiptap ecosystem are the natural extension point, although the README does not detail which Tiptap extensions are bundled or how the bridge serializes editor state back to React Native. New architecture support is stated for React Native version 0.73.5 and above. The README points to full documentation at https://10play.github.io/10tap-editor/docs/intro.html rather than documenting the internal data flow in the README itself, so the exact message passing between the webview and native code is not described in the README.

Installing TenTap and a first real use

For a React Native project, the README gives two steps. First add the packages, then install iOS pods. For Expo, use the expo install command, noting that only basic usage is supported by Expo Go and otherwise an Expo Dev Client is required.

yarn add @10play/tentap-editor react-native-webview
cd ios && pod install

npx expo install @10play/tentap-editor react-native-webview

After installation, the README's basic usage example wires up a RichText component, a Toolbar and an editor bridge. The editor is created with useEditorBridge, passing autofocus, avoidIosKeyboard and initialContent. RichText receives the editor, and Toolbar receives the editor inside a KeyboardAvoidingView pinned to the bottom.

import React from 'react';
import {
  SafeAreaView,
  View,
  KeyboardAvoidingView,
  Platform,
  StyleSheet,
} from 'react-native';
import { RichText, Toolbar, useEditorBridge } from '@10play/tentap-editor';

export const Basic = () => {
  const editor = useEditorBridge({
    autofocus: true,
    avoidIosKeyboard: true,
    initialContent: 'Start editing!',
  });

  return (
    <SafeAreaView style={{ flex: 1 }}>
      <RichText editor={editor} />
      <KeyboardAvoidingView
        behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
        style={{
          position: 'absolute',
          width: '100%',
          bottom: 0,
        }}
      >
        <Toolbar editor={editor} />
      </KeyboardAvoidingView>
    </SafeAreaView>
  );
};

Expo Web is also supported, with setup documented on the project's docs site.

Where TenTap is the wrong tool

TenTap depends on react-native-webview, so it is not a pure native text input and carries the overhead and constraints of a webview. Only basic usage is supported by Expo Go; full functionality requires an Expo Dev Client. New architecture support is stated for React Native 0.73.5 and above. The README does not document rollback, offline behavior, or how content is persisted, so teams needing those guarantees must verify them against the docs or source. The README also does not list which Tiptap extensions ship by default, so adopters should check the documentation before assuming a feature is included.

Alternatives and the difference in approach

The README does not name a direct competitor, so a comparison must be drawn from the architecture. A native rich text editor built on UITextView or EditText avoids the webview entirely but sacrifices the Tiptap/ProseMirror extension model that TenTap inherits. Conversely, dropping Tiptap into a bare webview gives the same editing engine but without the native toolbar, theme handling and React Native bridge that TenTap provides. TenTap's value is that bridge layer; if you only need plain text, a standard TextInput is the simpler choice.

Maintenance and licensing

The repository is not archived and the last push was on 2026-10-15. Recent releases are v1.0.1 on 2025-11-27, v0.7.4 on 2025-07-02 and v0.7.3 on 2025-07-02. The package version in package.json is 1.0.1. The license is MIT, which permits commercial use, modification and distribution with the copyright notice retained; this is not legal advice. The repository is built with create-react-native-library, and the package exposes both a React Native entry point at src/index.tsx and a web entry point through lib-web.

Editorial conclusion

Adopt TenTap if you need a Tiptap-based rich text editor in React Native and can add react-native-webview plus a pod install on iOS. Skip it if you need native-only editing without a webview, or if you cannot target React Native 0.73.5 or above for new architecture support. Verify the docs for Expo Web setup and the new architecture caveats before committing.

Frequently asked questions

Official sources

1. 10play/10tap-editor on GitHub
2. Issues
3. License: MIT
4. README
5. Releases