U
udecode/plate
AI Menuai-menuA menu for AI-powered content generation and insertion.
AI Leafai-nodeA text highlighter for AI-generated content.
AI Toolbar Buttonai-toolbar-buttonA toolbar button for accessing AI features.
Align Toolbar Buttonalign-toolbar-buttonA dropdown menu for text alignment controls.
Block Context Menublock-context-menuA context menu for block-level operations.
Block Discussionblock-discussionA popover interface for managing discussions: comments, replies, suggestions.
Block Draggableblock-draggableA block wrapper with a drag handle for moving editor blocks.
Listblock-listList components.
Block Selectionblock-selectionA visual overlay for selected blocks.
Block Suggestionblock-suggestion
Blockquote Elementblockquote-nodeA quote component for block quotes.
callout-nodeA callout component for highlighting important information with customizable icons and styles.
CaptioncaptionA text field for adding captions to media elements.
Code Block Nodescode-block-nodeA code block with syntax highlighting and language selection.
Code Drawing Nodecode-drawing-nodeCreate diagrams from code using PlantUML, Graphviz, Flowchart, or Mermaid.
Code Leafcode-nodeAn inline component for code snippets.
Column Nodescolumn-nodeResizable column components for layout.
Comment Leafcomment-nodeA text component for displaying comments with visual indicators.
Comment Toolbar Buttoncomment-toolbar-buttonA toolbar button for adding inline comments.
Cursor Overlaycursor-overlayA visual overlay for cursors and selections.
Date Elementdate-nodeA date field component with calendar picker.
EditoreditorA container for the editor content and styling.
Emoji Input Elementemoji-nodeAn input component for emoji search and insertion.
Emoji Toolbar Buttonemoji-toolbar-buttonAn emoji picker toolbar button.
Equation Elementequation-nodeDisplays a LaTeX equation element with an editable popover for inputting and rendering mathematical expressions.
Equation Toolbar Buttonequation-toolbar-buttonA toolbar button for inserting and editing equations.
Excalidraw Elementexcalidraw-nodeA drawing component powered by Excalidraw.
Export Toolbar Buttonexport-toolbar-buttonA toolbar button for exporting editor content in various formats (HTML, PDF, Image, Markdown).
Fixed Toolbarfixed-toolbarA fixed toolbar that stays at the top of the editor.
Fixed Toolbar Buttonsfixed-toolbar-buttonsA set of commonly used formatting buttons.
Fixed Toolbar List Buttonsfixed-toolbar-classic-buttons
Floating Toolbarfloating-toolbarA contextual toolbar that appears over selected text.
Floating Toolbar Buttonsfloating-toolbar-buttonsA set of formatting buttons for the floating toolbar.
Floating Toolbar Classic Buttonsfloating-toolbar-classic-buttonsA set of commonly used formatting buttons for the floating toolbar with classic list support.
Font Color Toolbar Buttonfont-color-toolbar-buttonA color picker toolbar button with text and background color controls.
Font Size Toolbar Buttonfont-size-toolbar-buttonA toolbar control for adjusting font size.
Ghost Textghost-textA text suggestion system that displays AI-generated content after the cursor.
Heading Elementheading-nodeA heading with multiple level support.
Highlight Leafhighlight-nodeA text highlighter with customizable colors.
History Toolbar Buttonhistory-toolbar-buttonToolbar buttons for undo and redo operations.
Horizontal Rule Elementhr-nodeA horizontal rule component with focus states.
Import Toolbar Buttonimport-toolbar-buttonA toolbar button to import editor content from a file.
Indent Toolbar Buttonsindent-toolbar-buttonToolbar controls for block indentation.
Inline Comboboxinline-comboboxA combobox for inline suggestions.
Insert Toolbar Buttoninsert-toolbar-buttonA menu for inserting different types of blocks.
Insert Toolbar Classic Buttoninsert-toolbar-classic-buttonA menu for inserting different types of blocks with classic list support.
Keyboard Input Leafkbd-nodeA component for styling keyboard shortcuts.
Line Height Toolbar Buttonline-height-toolbar-buttonA menu for controlling text line spacing.
Link Elementlink-nodeA component for rendering hyperlinks with hover states.
Link Floating Toolbarlink-toolbarA floating interface for link editing.
Link Toolbar Buttonlink-toolbar-buttonA toolbar control for link management.
List Nodeslist-classic-nodeList (classic) nodes for ordered and unordered items.
List Toolbar Buttonslist-classic-toolbar-buttonToolbar controls for list creation and management.
List Toolbar Buttonlist-toolbar-buttonA toolbar control for adjusting list indentation.
Mark Toolbar Buttonmark-toolbar-buttonA toolbar control for basic text formatting.
Media Audio Elementmedia-audio-nodeAn audio player component with caption support.
Media Embed Elementmedia-embed-nodeA component for embedded media content with resizing and caption support.
Media File Elementmedia-file-nodeA file attachment component with download capability and caption.
Image Elementmedia-image-nodeImage element with lazy loading, resizing capabilities, and optional caption.
Media Placeholder Elementmedia-placeholder-nodeA placeholder for media upload progress indication.
Media Preview Dialogmedia-preview-dialogA modal component for previewing and manipulating images.
Media Toolbarmedia-toolbarA toolbar interface for media settings.
Media Toolbar Buttonmedia-toolbar-buttonToolbar button for inserting and managing media.
Media Upload Toastmedia-upload-toastShow toast notifications for media uploads.
Media Video Elementmedia-video-nodeA video player component with YouTube and file upload support.
Mention Nodesmention-nodeA mention element with customizable prefix and label, powered by a combobox.
Mode Toolbar Buttonmode-toolbar-buttonA menu for switching between editor modes.
More Toolbar Buttonmore-toolbar-buttonA menu for additional text formatting options.
Paragraph Elementparagraph-nodeA paragraph block with background color support.
Remote Cursor Overlayremote-cursor-overlayA cursor overlay to display multiplayer cursors in the yjs plugin.
Resize Handleresize-handleA resizable wrapper with resize handles.
Search Highlight Leafsearch-highlight-nodeA component that highlights search results in text.
Select Editorselect-editorAn editor to select tags.
Slash Input Elementslash-nodeA command input component for inserting various elements.
Suggestion Leafsuggestion-nodeA text component for suggestion.
Suggestion Toolbar Buttonsuggestion-toolbar-buttonA toolbar button for toggling suggestion mode in the editor.
Table Elementtable-nodeA table component with floating toolbar and border customization.
Table Toolbar Buttontable-toolbar-buttonA menu for table manipulation and formatting.
Tag Elementtag-nodeA tag element component with selection states and styling.
TOC Elementtoc-nodeA table of contents component with links to document headings.
Toggle Elementtoggle-nodeA collapsible component for toggling content visibility.
Toggle Toolbar Buttontoggle-toolbar-buttonA toolbar button for expanding and collapsing blocks.
ToolbartoolbarA customizable toolbar component with various button styles and group
Turn Into Toolbar Buttonturn-into-toolbar-buttonA menu for converting between different block types.
Turn Into Toolbar Classic Buttonturn-into-toolbar-classic-buttonA dropdown to convert block types with classic list support.