---
name: "@shadcn-editor"
slug: "shadcn-editor"
description: "shadcn-editor is an accessible, open-source rich-text editor built on Facebook's Lexical framework and styled with shadcn/ui. It ships as a single registry item (editor-x) containing an extensive plugin set: CodeHighlight, AutoLink, ClickableLink, CheckList, List, OverflowNode, DraggableBlock, FloatingLinkEditor, FloatingTextFormatToolbar, ComponentPickerMenu, ContextMenu, EmojiPicker, Mentions, Layout (multi-column), Markdown shortcuts, speech-to-text, import/export, and embedded media (Twitter/YouTube). Nodes include TweetNode, YouTubeNode, EmojiNode, MentionNode, LayoutContainerNode. Fully copy-owned. Free and open-source. Use for: embedding a Lexical-powered document editor with mentions, embeds, code blocks, and markdown support into a Next.js + shadcn/ui app."
category: "Editor (rich text/code)"
tags: ["accessibility", "audio", "blocks", "cards", "components", "developer-tools", "editor", "forms", "mobile", "navigation", "pro-available"]
framework: "react"
license: null
author: "htmujahid"
website: "https://shadcn-editor.vercel.app"
github: "https://github.com/htmujahid/shadcn-editor"
registry: "https://raw.githubusercontent.com/htmujahid/shadcn-editor/refs/heads/main/public/r/registry.json"
pro: true
pro_url: "https://shadcn-editor.vercel.app/pricing"
github_stars: 1355
component_count: 1
generated_at: "2026-07-28T08:59:05.895Z"
---

# @shadcn-editor

shadcn-editor is an accessible, open-source rich-text editor built on Facebook's Lexical framework and styled with shadcn/ui. It ships as a single registry item (editor-x) containing an extensive plugin set: CodeHighlight, AutoLink, ClickableLink, CheckList, List, OverflowNode, DraggableBlock, FloatingLinkEditor, FloatingTextFormatToolbar, ComponentPickerMenu, ContextMenu, EmojiPicker, Mentions, Layout (multi-column), Markdown shortcuts, speech-to-text, import/export, and embedded media (Twitter/YouTube). Nodes include TweetNode, YouTubeNode, EmojiNode, MentionNode, LayoutContainerNode. Fully copy-owned. Free and open-source. Use for: embedding a Lexical-powered document editor with mentions, embeds, code blocks, and markdown support into a Next.js + shadcn/ui app.

## Links

- Website: https://shadcn-editor.vercel.app
- GitHub: https://github.com/htmujahid/shadcn-editor
- Registry JSON: https://raw.githubusercontent.com/htmujahid/shadcn-editor/refs/heads/main/public/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/shadcn-editor
- This file: https://sh4dcn.vercel.app/md/shadcn-editor.md
- Pro / pricing: https://shadcn-editor.vercel.app/pricing

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://raw.githubusercontent.com/htmujahid/shadcn-editor/refs/heads/main/public/r/registry.json
pnpm dlx shadcn@latest add https://raw.githubusercontent.com/htmujahid/shadcn-editor/refs/heads/main/public/r/registry.json
bunx shadcn@latest add https://raw.githubusercontent.com/htmujahid/shadcn-editor/refs/heads/main/public/r/registry.json
# clone the source repo
git clone https://github.com/htmujahid/shadcn-editor.git
# fetch the raw registry index
curl -s https://raw.githubusercontent.com/htmujahid/shadcn-editor/refs/heads/main/public/r/registry.json
```

## Components (1)

| name | type | description | install |
| --- | --- | --- | --- |
| editor-x | registry:block | A rich text editor built on Lexical with plugins, nodes, extensions, and toolbar support. | `npx shadcn@latest add https://raw.githubusercontent.com/htmujahid/shadcn-editor/refs/heads/main/public/r/editor-x.json` |

## For AI agents

```text
You are adding components from @shadcn-editor to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/shadcn-editor.md) for the component list.
2. Fetch the machine-readable index: https://raw.githubusercontent.com/htmujahid/shadcn-editor/refs/heads/main/public/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: shadcn-editor).
```