Media Library

Upload, organize, and manage images, documents, and other files. The media library provides folder organization, bulk uploads, and usage tracking.

Uploading Files

  • Drag & drop files directly onto the media library page
  • Click upload button to select files from your computer
  • Bulk upload multiple files at once

Folder Organization

Create folders to organize your media:

  • Click + Folder to create a new folder
  • Navigate into folders by clicking them
  • Rename or delete folders from the context menu (three dots button)
  • Breadcrumb navigation shows your current path

Supported Formats

CategoryFormats
ImagesJPG, PNG, GIF, WebP, SVG, ICO
DocumentsPDF, DOC, DOCX, XLS, XLSX, TXT, CSV
MediaMP4, MP3, WebM, OGG
ArchivesZIP

Features

  • Grid view — Visual thumbnail grid for quick browsing
  • Image preview — Click any image to view details, dimensions, and file size
  • Auto thumbnails — Thumbnails generated for image files
  • File details — View original name, size, upload date, and direct URL
  • Usage tracking — See where each media file is used across your content
  • Filter by type — Filter by images, documents, or all files
  • Search — Search files by name
  • Pagination — Browse large libraries with page navigation
  • Bulk selection — Select multiple files for bulk actions

Using Media in Content

Media files are available through their URL path. When editing collection entries, Image and File field types let you browse the media library to select files.

In templates, reference uploaded images:

<img src="/{{ item.image }}" alt="{{ item.title }}">