plate

Also in the plate registry

Copy a prompt for your agent, copy the install command, or open the docs that ship it.

• ai-kit

  @platejs/ai1 file
  PromptCopy

• AI Menu

  ai-menu

  A menu for AI-powered content generation and insertion.

  @platejs/ai, @platejs/selection, ai@7, cmdk2 files
  PromptCopy

• AI Leaf

  ai-node

  A text highlighter for AI-generated content.

  1 file
  PromptCopy

• AI Toolbar Button

  ai-toolbar-button

  A toolbar button for accessing AI features.

  @platejs/ai1 file
  PromptCopy

• align-base-kit

  @platejs/basic-styles1 file
  PromptCopy

• align-kit

  @platejs/basic-styles1 file
  PromptCopy

• Align Toolbar Button

  align-toolbar-button

  A dropdown menu for text alignment controls.

  @platejs/basic-styles1 file
  PromptCopy

• autoformat-classic-kit

  @platejs/code-block, @platejs/list-classic1 file
  PromptCopy

• autoformat-kit

  @platejs/code-block, @platejs/list1 file
  PromptCopy

• basic-blocks-base-kit

  1 file
  PromptCopy

• basic-blocks-kit

  1 file
  PromptCopy

• basic-marks-kit

  @platejs/basic-nodes1 file
  PromptCopy

• basic-nodes-kit

  1 file2 examples
  PromptCopy

• Block Context Menu

  block-context-menu

  A context menu for block-level operations.

  @platejs/ai, @platejs/selection1 file
  PromptCopy

• Block Discussion

  block-discussion

  A popover interface for managing discussions: comments, replies, suggestions.

  @platejs/comment, date-fns, @platejs/suggestion4 files
  PromptCopy

• Block Draggable

  block-draggable

  A block wrapper with a drag handle for moving editor blocks.

  @platejs/dnd, @platejs/selection1 file
  PromptCopy

• block-menu-kit

  @platejs/selection1 file
  PromptCopy

• block-placeholder-kit

  1 file
  PromptCopy

• block-selection-kit

  @platejs/selection1 file
  PromptCopy

• Block Suggestion

  block-suggestion

  @platejs/suggestion
  PromptCopy

• callout-base-kit

  @platejs/callout1 file
  PromptCopy

• callout-kit

  @platejs/callout1 file
  PromptCopy

• callout-node

  A callout component for highlighting important information with customizable icons and styles.

  @platejs/callout2 files
  PromptCopy

• code-block-base-kit

  @platejs/code-block, lowlight1 file
  PromptCopy

• code-block-kit

  @platejs/code-block, lowlight1 file
  PromptCopy

• Code Block Nodes

  code-block-node

  A code block with syntax highlighting and language selection.

  @platejs/code-block, lowlight2 files
  PromptCopy

• code-drawing-base-kit

  @platejs/code-drawing1 file
  PromptCopy

• code-drawing-kit

  @platejs/code-drawing1 file
  PromptCopy

• Code Drawing Node

  code-drawing-node

  Create diagrams from code using PlantUML, Graphviz, Flowchart, or Mermaid.

  @platejs/code-drawing2 files
  PromptCopy

• column-base-kit

  @platejs/layout1 file
  PromptCopy

• column-kit

  @platejs/layout1 file
  PromptCopy

• Column Nodes

  column-node

  Resizable column components for layout.

  @udecode/cn, @platejs/layout2 files
  PromptCopy

• comment-base-kit

  @platejs/comment1 file
  PromptCopy

• comment-kit

  @platejs/comment1 file
  PromptCopy

• Comment Leaf

  comment-node

  A text component for displaying comments with visual indicators.

  @platejs/comment2 files
  PromptCopy

• Comment Toolbar Button

  comment-toolbar-button

  A toolbar button for adding inline comments.

  @platejs/comment1 file
  PromptCopy

• copilot-kit

  @platejs/ai, @platejs/markdown, @faker-js/faker1 file2 examples
  PromptCopy

• cursor-overlay-kit

  @platejs/selection1 file
  PromptCopy

• date-base-kit

  @platejs/date1 file
  PromptCopy

• date-kit

  @platejs/date1 file
  PromptCopy

• Date Element

  date-node

  A date field component with calendar picker.

  @platejs/date2 files
  PromptCopy

• discussion-kit

  1 file
  PromptCopy

• dnd-kit

  @platejs/dnd, @platejs/media, react-dnd, react-dnd-html5-backend1 file
  PromptCopy

• docx-export-kit

  @platejs/docx-io1 file
  PromptCopy

• docx-kit

  @platejs/docx, @platejs/juice1 file
  PromptCopy

• editor-ai

  An AI editor

  sonner3 files
  PromptCopy

• editor-base-kit

  1 file1 example
  PromptCopy

• editor-basic

  A basic editor

  @platejs/basic-nodes, @platejs/basic-nodes2 files
  PromptCopy

• editor-kit

  1 file2 examples
  PromptCopy

• editor-select

  A multi-select editor

  plate-ui1 file
  PromptCopy

• emoji-kit

  @platejs/emoji, @emoji-mart/data@1.2.11 file
  PromptCopy

• Emoji Input Element

  emoji-node

  An input component for emoji search and insertion.

  @platejs/emoji, @emoji-mart/data@1.2.11 file
  PromptCopy

• Emoji Toolbar Button

  emoji-toolbar-button

  An emoji picker toolbar button.

  @platejs/emoji, @emoji-mart/data@1.2.1, @radix-ui/react-popover1 file
  PromptCopy

• Equation Element

  equation-node

  Displays a LaTeX equation element with an editable popover for inputting and rendering mathematical expressions.

  @platejs/math, react-textarea-autosize2 files
  PromptCopy

• Equation Toolbar Button

  equation-toolbar-button

  A toolbar button for inserting and editing equations.

  @platejs/math1 file
  PromptCopy

• excalidraw-kit

  @platejs/excalidraw, @excalidraw/excalidraw1 file
  PromptCopy

• Excalidraw Element

  excalidraw-node

  A drawing component powered by Excalidraw.

  @platejs/excalidraw1 file
  PromptCopy

• exit-break-kit

  1 file
  PromptCopy

• Export Toolbar Button

  export-toolbar-button

  A toolbar button for exporting editor content in various formats (HTML, PDF, Image, Markdown).

  @platejs/docx-io, @platejs/markdown, html2canvas-pro, pdf-lib1 file
  PromptCopy

• Fixed Toolbar

  fixed-toolbar

  A fixed toolbar that stays at the top of the editor.

  tailwind-scrollbar-hide1 file
  PromptCopy

• Fixed Toolbar Buttons

  fixed-toolbar-buttons

  A set of commonly used formatting buttons.

  1 file
  PromptCopy

• Fixed Toolbar List Buttons

  fixed-toolbar-classic-buttons

  1 file
  PromptCopy

• fixed-toolbar-classic-kit

  1 file
  PromptCopy

• fixed-toolbar-kit

  1 file
  PromptCopy

• Floating Toolbar

  floating-toolbar

  A contextual toolbar that appears over selected text.

  @udecode/cn, @platejs/floating1 file
  PromptCopy

• Floating Toolbar Buttons

  floating-toolbar-buttons

  A set of formatting buttons for the floating toolbar.

  1 file
  PromptCopy

• Floating Toolbar Classic Buttons

  floating-toolbar-classic-buttons

  A set of commonly used formatting buttons for the floating toolbar with classic list support.

  1 file
  PromptCopy

• floating-toolbar-classic-kit

  1 file
  PromptCopy

• floating-toolbar-kit

  1 file
  PromptCopy

• font-base-kit

  @platejs/basic-styles1 file
  PromptCopy

• Font Color Toolbar Button

  font-color-toolbar-button

  A color picker toolbar button with text and background color controls.

  @udecode/cn, @platejs/basic-styles, lodash1 file
  PromptCopy

• font-kit

  @platejs/basic-styles1 file
  PromptCopy

• Font Size Toolbar Button

  font-size-toolbar-button

  A toolbar control for adjusting font size.

  @platejs/basic-styles1 file
  PromptCopy

• footnote-base-kit

  @platejs/footnote1 file
  PromptCopy

• footnote-kit

  @platejs/footnote1 file
  PromptCopy

• Footnote Elements

  footnote-node

  Inline footnote references, definitions, and input UI.

  @platejs/footnote2 files
  PromptCopy

• Ghost Text

  ghost-text

  A text suggestion system that displays AI-generated content after the cursor.

  @platejs/ai1 file
  PromptCopy

• History Toolbar Button

  history-toolbar-button

  Toolbar buttons for undo and redo operations.

  1 file
  PromptCopy

• Horizontal Rule Element

  hr-node

  A horizontal rule component with focus states.

  2 files
  PromptCopy

• Import Toolbar Button

  import-toolbar-button

  A toolbar button to import editor content from a file.

  @platejs/docx-io, use-file-picker@2.1.21 file
  PromptCopy

• indent-base-kit

  @platejs/indent1 file
  PromptCopy

• indent-kit

  @platejs/indent1 file
  PromptCopy

• Indent Toolbar Buttons

  indent-toolbar-button

  Toolbar controls for block indentation.

  @platejs/indent1 file
  PromptCopy

• Insert Toolbar Button

  insert-toolbar-button

  A menu for inserting different types of blocks.

  dropdown-menu1 file
  PromptCopy

• Insert Toolbar Classic Button

  insert-toolbar-classic-button

  A menu for inserting different types of blocks with classic list support.

  dropdown-menu1 file
  PromptCopy

• line-height-base-kit

  @platejs/basic-styles1 file
  PromptCopy

• line-height-kit

  @platejs/basic-styles1 file
  PromptCopy

• Line Height Toolbar Button

  line-height-toolbar-button

  A menu for controlling text line spacing.

  @platejs/basic-styles1 file
  PromptCopy

• link-kit

  @platejs/link1 file
  PromptCopy

• Link Floating Toolbar

  link-toolbar

  A floating interface for link editing.

  @platejs/link, @platejs/floating1 file
  PromptCopy

• Link Toolbar Button

  link-toolbar-button

  A toolbar control for link management.

  @platejs/link1 file
  PromptCopy

• list-base-kit

  @platejs/list1 file
  PromptCopy

• list-classic-kit

  @platejs/list-classic1 file
  PromptCopy

• List Nodes

  list-classic-node

  List (classic) nodes for ordered and unordered items.

  @platejs/list-classic1 file
  PromptCopy

• List Toolbar Buttons

  list-classic-toolbar-button

  Toolbar controls for list creation and management.

  @platejs/list-classic1 file
  PromptCopy

• list-kit

  @platejs/list1 file
  PromptCopy

• List Toolbar Button

  list-toolbar-button

  A toolbar control for adjusting list indentation.

  @platejs/list1 file
  PromptCopy

• markdown-kit

  @platejs/footnote, @platejs/markdown, remark-emoji, remark-gfm1 file
  PromptCopy

• Mark Toolbar Button

  mark-toolbar-button

  A toolbar control for basic text formatting.

  @platejs/basic-nodes1 file
  PromptCopy

• math-kit

  @platejs/math1 file
  PromptCopy

• media-base-kit

  @platejs/media1 file
  PromptCopy

• Media Embed Element

  media-embed-node

  A component for embedded media content with resizing and caption support.

  @platejs/media, @platejs/resizable, react-tweet, react-lite-youtube-embed1 file
  PromptCopy

• Image Element

  media-image-node

  Image element with lazy loading, resizing capabilities, and optional caption.

  @platejs/media, @platejs/resizable2 files
  PromptCopy

• media-kit

  Media kit without API (see media-uploadthing-api for reference)

  @platejs/caption, @platejs/media1 file
  PromptCopy

• Media Placeholder Element

  media-placeholder-node

  A placeholder for media upload progress indication.

  @platejs/media, use-file-picker@2.1.21 file
  PromptCopy

• Media Preview Dialog

  media-preview-dialog

  A modal component for previewing and manipulating images.

  @platejs/media1 file
  PromptCopy

• Media Toolbar

  media-toolbar

  A toolbar interface for media settings.

  @platejs/media1 file
  PromptCopy

• Media Toolbar Button

  media-toolbar-button

  Toolbar button for inserting and managing media.

  @platejs/media, use-file-picker@2.1.2, sonner1 file
  PromptCopy

• media-uploadthing-kit

  media-kit + media-uploadthing-api

  media-uploadthing-api
  PromptCopy

• Media Upload Toast

  media-upload-toast

  Show toast notifications for media uploads.

  @platejs/media, sonner1 file
  PromptCopy

• Media Video Element

  media-video-node

  A video player component with YouTube and file upload support.

  @platejs/media, @platejs/resizable, react-player@3.3.1, react-lite-youtube-embed2 files
  PromptCopy

• mention-base-kit

  @platejs/mention1 file
  PromptCopy

• mention-kit

  @platejs/mention1 file
  PromptCopy

• Mention Nodes

  mention-node

  A mention element with customizable prefix and label, powered by a combobox.

  @platejs/mention2 files
  PromptCopy

• Mode Toolbar Button

  mode-toolbar-button

  A menu for switching between editor modes.

  dropdown-menu1 file
  PromptCopy

• More Toolbar Button

  more-toolbar-button

  A menu for additional text formatting options.

  dropdown-menu1 file
  PromptCopy

• Paragraph Element

  paragraph-node

  A paragraph block with background color support.

  2 files
  PromptCopy

• plate-types

  @platejs/comment, @platejs/excalidraw, @platejs/link, @platejs/media1 file
  PromptCopy

• settings-dialog

  @platejs/ai1 file
  PromptCopy

• slash-kit

  @platejs/slash-command1 file
  PromptCopy

• Slash Input Element

  slash-node

  A command input component for inserting various elements.

  @platejs/ai1 file
  PromptCopy

• suggestion-base-kit

  @platejs/suggestion1 file
  PromptCopy

• suggestion-kit

  @platejs/suggestion1 file
  PromptCopy

• Suggestion Leaf

  suggestion-node

  A text component for suggestion.

  @platejs/suggestion2 files
  PromptCopy

• Suggestion Toolbar Button

  suggestion-toolbar-button

  A toolbar button for toggling suggestion mode in the editor.

  @platejs/suggestion1 file
  PromptCopy

• tabbable-kit

  @platejs/tabbable1 file
  PromptCopy

• table-kit

  @platejs/table1 file
  PromptCopy

• Table Element

  table-node

  A table component with floating toolbar and border customization.

  @platejs/table, @radix-ui/react-popover3 files
  PromptCopy

• Table Toolbar Button

  table-toolbar-button

  A menu for table manipulation and formatting.

  @platejs/table2 files
  PromptCopy

• toc-kit

  @platejs/toc1 file
  PromptCopy

• TOC Element

  toc-node

  A table of contents component with links to document headings.

  @platejs/toc2 files
  PromptCopy

• toggle-kit

  @platejs/toggle1 file
  PromptCopy

• Toggle Element

  toggle-node

  A collapsible component for toggling content visibility.

  @platejs/toggle2 files
  PromptCopy

• Toggle Toolbar Button

  toggle-toolbar-button

  A toolbar button for expanding and collapsing blocks.

  @platejs/toggle1 file
  PromptCopy

• Toolbar

  A customizable toolbar component with various button styles and group

  @radix-ui/react-toolbar1 file
  PromptCopy

• transforms

  @platejs/callout, @platejs/code-block, @platejs/date, @platejs/toc1 file
  PromptCopy

• transforms-classic

  @platejs/callout, @platejs/code-block, @platejs/date, @platejs/layout1 file
  PromptCopy

• Turn Into Toolbar Button

  turn-into-toolbar-button

  A menu for converting between different block types.

  dropdown-menu1 file
  PromptCopy

• Turn Into Toolbar Classic Button

  turn-into-toolbar-classic-button

  A dropdown to convert block types with classic list support.

  dropdown-menu1 file
  PromptCopy

• use-chat

  @ai-sdk/react@4, @faker-js/faker1 file
  PromptCopy