Plate
DocsEditorsTemplates

Search

Components

AI Menu

A menu for AI-powered content generation and insertion.

AI Toolbar Button

A toolbar button for accessing AI features.

Align Toolbar Button

A dropdown menu for text alignment controls.

Block Context Menu

A context menu for block-level operations.

Block Selection

A visual overlay for selected blocks.

Import Toolbar Button

A toolbar button to import editor content from a file.

Export Toolbar Button

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

Caption

A text field for adding captions to media elements.

Font Color Toolbar Button

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

Comment Toolbar Button

A toolbar button for adding inline comments.

Block Discussion

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

Cursor Overlay

A visual overlay for cursors and selections.

Block Draggable

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

Editor

A container for the editor content and styling.

Select Editor

An editor to select tags.

Emoji Toolbar Button

An emoji picker toolbar button.

Fixed Toolbar Buttons

A set of commonly used formatting buttons.

Fixed Toolbar List Buttons
Fixed Toolbar

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

Floating Toolbar Buttons

A set of formatting buttons for the floating toolbar.

Floating Toolbar Classic Buttons

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

Floating Toolbar

A contextual toolbar that appears over selected text.

Ghost Text

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

History Toolbar Button

Toolbar buttons for undo and redo operations.

List Toolbar Button

A toolbar control for adjusting list indentation.

Indent Toolbar Buttons

Toolbar controls for block indentation.

Inline Combobox

A combobox for inline suggestions.

Insert Toolbar Button

A menu for inserting different types of blocks.

Insert Toolbar Classic Button

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

Line Height Toolbar Button

A menu for controlling text line spacing.

Link Floating Toolbar

A floating interface for link editing.

Link Toolbar Button

A toolbar control for link management.

List Toolbar Buttons

Toolbar controls for list creation and management.

Mark Toolbar Button

A toolbar control for basic text formatting.

Media Toolbar

A toolbar interface for media settings.

Media Toolbar Button

Toolbar button for inserting and managing media.

Media Upload Toast

Show toast notifications for media uploads.

Mode Toolbar Button

A menu for switching between editor modes.

More Toolbar Button

A menu for additional text formatting options.

Resize Handle

A resizable wrapper with resize handles.

Table Toolbar Button

A menu for table manipulation and formatting.

Toggle Toolbar Button

A toolbar button for expanding and collapsing blocks.

Turn Into Toolbar Button

A menu for converting between different block types.

Turn Into Toolbar Classic Button

A dropdown to convert block types with classic list support.

Remote Cursor Overlay

A cursor overlay to display multiplayer cursors in the yjs plugin.

Toolbar

A customizable toolbar component with various button styles and group

Suggestion Toolbar Button

A toolbar button for toggling suggestion mode in the editor.

Node Components

AI Leaf

A text highlighter for AI-generated content.

List

List components.

Blockquote Element

A quote component for block quotes.

Callout Node

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

Code Block Nodes

A code block with syntax highlighting and language selection.

Code Drawing Node

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

Code Leaf

An inline component for code snippets.

Column Nodes

Resizable column components for layout.

Comment Leaf

A text component for displaying comments with visual indicators.

Suggestion Leaf

A text component for suggestion.

Date Element

A date field component with calendar picker.

Equation Element

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

Equation Toolbar Button

A toolbar button for inserting and editing equations.

Emoji Input Element

An input component for emoji search and insertion.

Excalidraw Element

A drawing component powered by Excalidraw.

Font Size Toolbar Button

A toolbar control for adjusting font size.

Heading Element

A heading with multiple level support.

Highlight Leaf

A text highlighter with customizable colors.

Horizontal Rule Element

A horizontal rule component with focus states.

Image Element

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

Media Preview Dialog

A modal component for previewing and manipulating images.

Keyboard Input Leaf

A component for styling keyboard shortcuts.

Link Element

A component for rendering hyperlinks with hover states.

List Nodes

List (classic) nodes for ordered and unordered items.

Media Audio Element

An audio player component with caption support.

Media Embed Element

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

Media File Element

A file attachment component with download capability and caption.

Media Placeholder Element

A placeholder for media upload progress indication.

Media Video Element

A video player component with YouTube and file upload support.

Mention Nodes

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

Paragraph Element

A paragraph block with background color support.

Search Highlight Leaf

A component that highlights search results in text.

Slash Input Element

A command input component for inserting various elements.

Table Element

A table component with floating toolbar and border customization.

Tag Element

A tag element component with selection states and styling.

TOC Element

A table of contents component with links to document headings.

Toggle Element

A collapsible component for toggling content visibility.