ActiveFeaturedEditor (rich text/code)1,134
@prosekit
Editor (rich text/code) · MIT · data updated 2026-07-08
ProseKit is a framework-agnostic rich-text editor toolkit built on ProseMirror, supporting React, Vue, Preact, Svelte, and SolidJS. The extensions package covers bold, italic, underline, strike, code, code-block, heading, blockquote, horizontal-rule, lists, links, images, file, math, table, mention, autocomplete, search, placeholder, highlight, text-align, text-color, background-color, yjs (collaboration), and more (~40 extensions). The shadcn registry distributes a full-featured example editor and framework variants. Free and open-source (MIT). Use for: adding a framework-flexible ProseMirror-based editor when you need multi-framework support or a lower-level alternative to Plate.
Install
npx shadcn@latest add https://prosekit.dev/r/registry.jsonHealth
StatusActive
Last commit1 day ago
LicenseMIT
Open issues31
ArchivedNo
Stars1,134
Components (548)
react-example-block-handlereact-example-blockquotereact-example-boldreact-example-change-trackingreact-example-codereact-example-code-blockreact-example-code-block-themesreact-example-drop-cursorreact-example-emoji-rulesreact-example-font-familyreact-example-fullreact-example-gap-cursorreact-example-hard-breakreact-example-headingreact-example-highlightreact-example-horizontal-rulereact-example-image-viewreact-example-inline-menureact-example-italicreact-example-katexreact-example-keymapreact-example-linkreact-example-link-mark-viewreact-example-listreact-example-list-custom-checkboxreact-example-lororeact-example-mark-rulereact-example-minimalreact-example-notionreact-example-pagereact-example-placeholderreact-example-readonlyreact-example-rtlreact-example-save-htmlreact-example-save-jsonreact-example-save-markdownreact-example-searchreact-example-slash-menureact-example-strikereact-example-sub-supreact-example-tablereact-example-text-alignreact-example-text-colorreact-example-toolbarreact-example-tweetreact-example-typographyreact-example-underlinereact-example-unmountreact-example-user-menureact-example-user-menu-dynamicreact-example-view-adapterreact-example-word-counterreact-example-yjsreact-sample-define-atom-blockreact-sample-katexreact-sample-sample-doc-block-handlereact-sample-sample-doc-boldreact-sample-sample-doc-codereact-sample-sample-doc-code-blockreact-sample-sample-doc-drop-cursor
Components: react-example-block-handle, react-example-blockquote, react-example-bold, react-example-change-tracking, react-example-code, react-example-code-block, react-example-code-block-themes, react-example-drop-cursor, react-example-emoji-rules, react-example-font-family, react-example-full, react-example-gap-cursor, react-example-hard-break, react-example-heading, react-example-highlight, react-example-horizontal-rule, react-example-image-view, react-example-inline-menu, react-example-italic, react-example-katex, react-example-keymap, react-example-link, react-example-link-mark-view, react-example-list, react-example-list-custom-checkbox, react-example-loro, react-example-mark-rule, react-example-minimal, react-example-notion, react-example-page, react-example-placeholder, react-example-readonly, react-example-rtl, react-example-save-html, react-example-save-json, react-example-save-markdown, react-example-search, react-example-slash-menu, react-example-strike, react-example-sub-sup, react-example-table, react-example-text-align, react-example-text-color, react-example-toolbar, react-example-tweet, react-example-typography, react-example-underline, react-example-unmount, react-example-user-menu, react-example-user-menu-dynamic, react-example-view-adapter, react-example-word-counter, react-example-yjs, react-sample-define-atom-block, react-sample-katex, react-sample-sample-doc-block-handle, react-sample-sample-doc-bold, react-sample-sample-doc-code, react-sample-sample-doc-code-block, react-sample-sample-doc-drop-cursor, react-sample-sample-doc-font-family, react-sample-sample-doc-full, react-sample-sample-doc-gap-cursor, react-sample-sample-doc-hard-break, react-sample-sample-doc-heading, react-sample-sample-doc-highlight, react-sample-sample-doc-image, react-sample-sample-doc-inline-menu, react-sample-sample-doc-italic, react-sample-sample-doc-link, react-sample-sample-doc-link-mark-view, react-sample-sample-doc-list, react-sample-sample-doc-list-custom-checkbox, react-sample-sample-doc-notion, react-sample-sample-doc-page, react-sample-sample-doc-readonly, react-sample-sample-doc-rtl, react-sample-sample-doc-search, react-sample-sample-doc-strike, react-sample-sample-doc-sub-sup, react-sample-sample-doc-table, react-sample-sample-doc-tex, react-sample-sample-doc-text-align, react-sample-sample-doc-text-color, react-sample-sample-doc-tweet, react-sample-sample-doc-typography, react-sample-sample-doc-underline, react-sample-sample-doc-view-adapter, react-sample-sample-doc-word-counter, react-sample-sample-query-users, react-sample-sample-tag-data, react-sample-sample-uploader, react-sample-sample-user-data, react-ui-block-handle, react-ui-button, react-ui-code-block-view, react-ui-drop-indicator, react-ui-image-upload-popover, react-ui-image-view, react-ui-inline-menuPreview
Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.
@prosekit · react-example-block-handle
npx shadcn@latest add https://prosekit.dev/r/react-example-block-handle.jsonView source