From zbeyens. The source code is available on GitHub.

Plate
PlatePliteEditorsTemplates
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
    • Block Discussion
    • Cursor Overlay
    • Drag and Drop
    • Editor
    • Select Editor
    • Emoji Toolbar Button
    • Fixed Toolbar Buttons
    • Fixed Toolbar List Buttons
    • Fixed Toolbar
    • Floating Toolbar Buttons
    • Floating Toolbar Classic Buttons
    • Floating Toolbar
    • Copilot
    • History Toolbar Button
    • List Toolbar Button
    • Indent Toolbar Buttons
    • Inline Combobox
    • Insert Toolbar Button
    • Insert Toolbar Classic Button
    • Line Height Toolbar Button
    • Link Floating Toolbar
    • Link Toolbar Button
    • List Toolbar Buttons
    • Mark Toolbar Button
    • Media Toolbar
    • Media Toolbar Button
    • Media
    • Mode Toolbar Button
    • More Toolbar Button
    • Resize Handle
    • Table Toolbar Button
    • Toggle Toolbar Button
    • Turn Into Toolbar Button
    • Turn Into Toolbar Classic Button
    • Remote Cursor Overlay
    • Toolbar
    • Suggestion Toolbar Button
  • Node Components
    • AI
    • List
    • Blockquote
    • Callout
    • Code Block
    • Code Drawing
    • Code
    • Column
    • Comment Leaf
    • Suggestion
    • 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
    • List Nodes
    • Media Audio
    • Media Embed
    • Media File
    • Media Placeholder
    • Media Video
    • Mention
    • Paragraph
    • Search Highlight
    • Slash Command
    • Table
    • Tag
    • Table of Contents
    • Toggle

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.

Block Discussion

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

Cursor Overlay

A visual overlay for cursors and selections.

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 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.

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.

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

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

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 Drawing

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

Code

An inline component for code snippets.

Column

Resizable column components for layout.

Comment Leaf

A text component for displaying comments with visual indicators.

Suggestion

A text component for suggestion.

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.

List Nodes

List (classic) nodes for ordered and unordered items.

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 Placeholder

A placeholder for media upload progress indication.

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.

Search Highlight

A component that highlights search results in text.

Slash Command

A command input component for inserting various elements.

Table

A table component with floating toolbar and border customization.

Tag

A tag element component with selection states and styling.

Table of Contents

A table of contents component with links to document headings.

Toggle

A collapsible component for toggling content visibility.