Components
Image Element

Image Element

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

MediaBlock SelectionCaptionInputMedia PopoverPlate ElementPopoverResizableSeparatorImage Element

Installation

npx shadcx@latest add plate/image-element

Examples

Media

Image

Add images by either uploading them or providing the image URL:

Customize image captions and resize images.

Embed

Embed various types of content, such as videos and tweets:


Plate Plus

  • Floating toolbar appears at the top right of media elements
  • Alignment dropdown menu
  • Caption button
  • Expand button
  • Download button
  • Beautifully crafted UI
Get the code ->