Plate
PlateEditorsTemplates
GitHub16kGitHub
DiscordDiscord
  • Components
    • AI Menu
    • AI Toolbar Button
    • Align Toolbar Button
    • Block Menu
    • Import Toolbar Button
    • Export Toolbar Button
    • Caption
    • Font Color Toolbar Button
    • Comment Toolbar Button
    • Drag and Drop
    • Editor
    • Select Editor
    • Emoji Toolbar Button
    • Fixed Toolbar
    • Floating Toolbar
    • Copilot
    • History Toolbar Button
    • List Toolbar Button
    • Indent Toolbar Buttons
    • Inline Combobox
    • Insert Toolbar Button
    • Line Height Toolbar Button
    • Link Floating Toolbar
    • Link Toolbar Button
    • Mark Toolbar Button
    • Media Toolbar
    • Media Toolbar Button
    • Media
    • Mode Toolbar Button
    • More Toolbar Button
    • Resize Handle
    • Table Toolbar Button
    • Details Toolbar Button
    • Turn Into Toolbar Button
    • Remote Cursor Overlay
    • Toolbar
    • Suggestion Toolbar Button
  • Node Components
    • AI
    • List
    • Blockquote
    • Callout
    • Code Block
    • Code
    • Column
    • Comments UI
    • Suggestion UI
    • Date
    • Math
    • Equation Toolbar Button
    • Emoji
    • Excalidraw
    • Font Size Toolbar Button
    • Footnote
    • Heading
    • Highlight
    • Horizontal Rule
    • Media Image
    • Media Preview Dialog
    • Keyboard Input
    • Link Element
    • Media Audio
    • Media Embed
    • Media File
    • Media Video
    • Mention
    • Paragraph
    • Find
    • Lint
    • Slash Command
    • Table
    • Table of Contents
    • Details

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 Menu

A context menu for block-level operations.

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.

Drag and Drop

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

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

Floating Toolbar

A contextual toolbar that appears over selected text.

Copilot

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.

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.

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

Show toast notifications for media uploads.

Mode Toolbar Button

A menu for switching between editor modes and deciding every suggestion.

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.

Details Toolbar Button

A toolbar button for wrapping or unwrapping Details blocks.

Turn Into Toolbar Button

A menu for converting between different block types.

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

A text highlighter for AI-generated content.

List

List components.

Blockquote

A quote component for block quotes.

Callout

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

Code Block

A code block with syntax highlighting and language selection.

Code

An inline component for code snippets.

Column

Resizable column components for layout.

Comments UI

Application-owned comment threads attached to durable editor ranges.

Suggestion UI

Copied UI for native authored-change highlighting and review controls.

Date

A date field component with calendar picker.

Math

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

An input component for emoji search and insertion.

Excalidraw

A drawing component powered by Excalidraw.

Font Size Toolbar Button

A toolbar control for adjusting font size.

Footnote

Inline footnote references, definitions, and input UI.

Heading

A heading with multiple level support.

Highlight

A text highlighter with customizable colors.

Horizontal Rule

A horizontal rule component with focus states.

Media Image

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

Media Preview Dialog

A modal component for previewing and manipulating images.

Keyboard Input

A component for styling keyboard shortcuts.

Link Element

A component for rendering hyperlinks with hover states.

Media Audio

An audio player component with caption support.

Media Embed

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

Media File

A file attachment component with download capability and caption.

Media Video

A video player component with YouTube and file upload support.

Mention

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

Paragraph

A paragraph block with background color support.

Find

Search editable text with transient highlights and keyboard navigation.

Lint

Lint kit with example rules, severity underlines and a caret popover with fixes.

Slash Command

A command input component for inserting various elements.

Table

A table component with floating toolbar and border customization.

Table of Contents

A table of contents component with links to document headings.

Details

A semantic disclosure block with an editable summary.