Docs Components Editors Templates

GitHub Discord Get all-access ->

Getting Started

Introduction Installation Examples Components

Templates

Minimal Playground Potion

Examples

Overview AI Copilot

Basic Nodes Block Menu Callout Column Comments Date Emoji Drag & Drop Equation Floating Toolbar Horizontal Rule Link Media Toolbar Mention Slash Menu Table Table of Contents

Node Components

AI Leaf Blockquote Element Callout Element Code Block Element Code Leaf Code Line Element Code Syntax Leaf Comment Leaf Column Element Column Group Element Date Element Emoji Input Element Equation Element Heading Element Horizontal Rule Element Image Element Image Preview Inline Equation Element Link Element Media Audio Element Media Embed Element Media File Element Media Placeholder Element Media Video Element Mention Element Mention Input Element Paragraph Element Plate Element Slash Input Element Table Cell Element Table Element Table Row Element Table of Contents Element Toggle Element

Components

AI Menu AI Toolbar Button Block Context Menu Block Menu Block Selection Caption Color Dropdown Menu Comment Toolbar Button Comments Popover Cursor Overlay Draggable Editor Emoji Picker Floating Toolbar Buttons Floating Toolbar Ghost Text Indent Todo Marker Inline Combobox Inline Equation Toolbar Button Link Floating Toolbar Link Toolbar Button Media Toolbar More Dropdown Menu Placeholder Resizable Table of Contents Sidebar Turn Into Dropdown Menu

Primitives

Avatar Button Calendar Checkbox Command Dialog Dropdown Menu Hover Card Input Menu Popover Progress Separator Spinner Tabs Textarea Toggle Toolbar Tooltip

Horizontal Rule

Horizontal lines for visually separating content sections.

Horizontal Rule Horizontal Rule Element

Get the code ->

Loading...

Floating Toolbar Link

X GitHub Discord

Pricing Terms Privacy

© 2025 Udecode. All rights reserved.