githubEdit

πŸ—‚οΈAssets

Upload and manage images, fonts, and other files used in your project.

The Assets panel is located on the left side of the builder. It stores all static files used in your project β€” images, fonts, documents, and more. Upload files here and then reference them in instances and styles throughout your site.

Assets panel showing uploaded images with search and filter controls
The Assets panel

Supported file types

Category
Formats

Images

JPEG, PNG, GIF, WebP, SVG, AVIF, ICO, BMP, TIFF

Fonts

WOFF, WOFF2, TTF, OTF

Video

MP4, MOV, AVI, WebM

Audio

MP3, WAV, OGG, M4A

Documents

PDF, DOC, DOCX, XLS, XLSX, CSV, PPT, PPTX

Code & text

TXT, MD, JS, CSS, JSON, HTML, XML

Archives

ZIP, RAR

circle-info

JPEG, PNG, GIF, WebP, SVG, and AVIF images are automatically optimized and resized by Cloudflare. Other image formats (ICO, BMP, TIFF) are served as-is without optimization.

Uploading assets

Drag files directly into the Assets panel, drop them anywhere on the panel, or click the upload icon in the panel header. Multiple files can be uploaded at once. For images, you can also drag a URL directly from the browser to upload from an external source.

Type in the search field at the top of the Assets panel to filter assets by name.

Filtering and sorting

Use the filter dropdown to show only a specific category: All, Images, Documents, Video, Audio, Code, Archives, or Fonts.

Sort assets by:

  • Alphabetical β€” Aβ†’Z or Zβ†’A

  • Date created β€” newest or oldest first

  • File size β€” largest or smallest first

Asset details

Hover any asset and click the gear icon to open its detail panel:

Asset detail panel showing name, description, dimensions, MIME type, uses, and ID
Asset detail panel
  • File size and MIME type

  • Dimensions and Aspect ratio (images only)

  • Uses β€” how many places in the project reference this asset

  • Name β€” editable; used as the filename in URLs

  • Description β€” used as the default alt text for images

  • ID β€” unique identifier, can be copied to clipboard

Deleting assets

Delete and download buttons are available inside the asset detail panel (gear icon on hover):

  • Unused assets can be deleted immediately.

  • Assets in use show a "Review & delete" button that lists every usage with clickable links to each location, so you can review the impact before confirming.

  • Delete all unused assets β€” click the brush icon in the Assets panel header to find and batch-delete all unreferenced assets in one action.

Downloading assets

You can download any original asset file to your computer. Downloading is available on the Pro plan.

Using assets

Once uploaded, assets are available in:

  • Image component β€” select an asset as the image source

  • Background image β€” pick an asset in the Style Panel under Backgrounds

  • Custom fonts β€” uploaded font files are automatically available in the Typography section of the Style Panel

Last updated

Was this helpful?