Docs Components Editors Templates

Plate UI

Introduction Installation components.json Theming Dark mode CLI Changelog Components

Node Components

Blockquote Element Code Block Element Code Leaf Code Line Element Code Syntax Leaf Column Element Column Group Element Comment Leaf Date Element

Emoji Input Element Excalidraw Element Heading Element Highlight Leaf Horizontal Rule Element Image Element Image Preview Kbd Leaf Link Element List Element Media Audio Element Media Embed Element Media File Element Media Placeholder Element Media Video Element Mention Element Mention Input Element Paragraph Element Search Highlight Leaf Slash Input Element

Table Cell Element Table Element Table Row Element TOC Element

Todo List Element Toggle Element

Components

AI Toolbar Button

Align Dropdown Menu Block Context Menu

Block Selection

Caption Color Dropdown Menu Comment Toolbar Button Comments Popover Cursor Overlay Draggable Editor Emoji Dropdown Menu Fixed Toolbar Buttons Fixed Toolbar Floating Toolbar Buttons Floating Toolbar Ghost Text

History Toolbar Button Indent List Toolbar Button Indent Todo Marker Indent Todo Toolbar Button Indent Toolbar Button Inline Combobox Insert Dropdown Menu Line Height Dropdown Menu Link Floating Toolbar Link Toolbar Button List Indent Toolbar Button List Toolbar Button Mark Toolbar Button Media Popover Media Toolbar Button Media Upload Toast Mode Dropdown Menu More Dropdown Menu Outdent Toolbar Button Placeholder Plate Element

Resizable Table Dropdown Menu Toggle Toolbar Button Turn Into Dropdown Menu

Primitives

Alert Dialog Avatar Button Calendar Checkbox Command Context Menu Dialog Dropdown Menu Input Popover Separator Toolbar Tooltip Spinner

Separator

Visually or semantically separates content.

Installation

npx shadcx@latest add plate/separator