Upload and manage images, videos, icons and files.
The Assets Manager is the TeleportHQ editor panel (left sidebar, Ctrl/Cmd+4) where you upload, organize and check your project's images, videos, documents, audio and 3D files, and pick free stock photos, videos, 3D models, sounds and icons, in the tabs Uploads, Stock, 3D, Audio and Icons.
To upload files in TeleportHQ, open the Assets Manager's Uploads tab and click + → Upload Assets on the Public folder, or drag files from your computer onto the editor; they appear in the folder, ready to add to your pages, and TeleportHQ warns you when a file is heavy for a web page.
TeleportHQ accepts images (jpg, png, gif, svg, webp, ico), videos (mp4, m4v, mov), documents (pdf, Word, Excel, PowerPoint, zip), audio, .glb 3D models, fonts and text files; trial and Pro plans allow 10 MB per file and 1 GB per project, Premium allows 30 MB per file and 3 GB per project, and smaller files are flagged as heavy when they would slow a page down.
In the TeleportHQ Assets Manager, click + on the Public folder and choose Create Folder to make a folder, then right-click files and choose Move to folder, or drag them into it; right-click a folder to rename, move, download or delete it.
In the TeleportHQ Assets Manager, double-click a file name to rename it, or right-click the file and choose Delete; to free storage in one go, open the command palette and run Delete all unused assets. Deleting a file that's in use replaces it with a placeholder and can't be undone.
In the TeleportHQ Assets Manager, open the Stock tab, choose Unsplash or Pexels, search for a subject such as "bread", and drag a photo or video onto your page; stock media is free and doesn't use your project's storage.
The TeleportHQ Assets Manager includes free 3D models (3D tab: Poly Haven, Smithsonian, Game and Polygonal Mind, with Poly Pizza coming soon), 2D game sprites (Stock tab → Game) and sound effects (Audio tab); search, then drag an item onto your page or point at it and click its add button.
In the TeleportHQ Assets Manager, open the Icons tab, search for an icon such as "cake" and click or drag it onto your page; to change its color, select the icon, click + next to Background in the right panel and choose color, and resize it with Width and Height in Size.
In TeleportHQ, upload an .svg file to the Public folder in the Assets Manager's Uploads tab and drag it onto the canvas (or right-click it and choose Add Image Block), where it becomes an image that stays sharp at any size; uploaded SVGs can't be recolored in the editor, so use the Icons tab for icons whose color you want to change.
To let visitors open or download a file such as a PDF menu from your TeleportHQ site, upload it in the Assets Manager, right-click it and choose Copy Asset Link to Clipboard, then select a button, add a link and paste the address in the URL tab.
In the TeleportHQ Assets Manager, right-click an uploaded text file (txt, xml, json, js, css, env, yml or yaml) and choose Edit to change it in a code editor, then click Save; the file is updated in place, so its link keeps working and you don't upload it again.
When you publish or export a TeleportHQ site, each uploaded image is resized to the size it's shown at, so pages load faster; if an image looks blurry, right-click it in the Assets Manager and choose Disable Optimisations, and for WebP images and phone and tablet sizes turn on Advanced Image Optimisations in Project settings → Editor → Preferences → Advanced features.
In TeleportHQ, open the Assets Manager's Uploads tab; when the page you're editing uses files that are heavy for a web page, a line such as "1 heavy file on this page" shows at the top, and clicking it lists each file with its size, the reason it slows the page and a link to its folder.
In the TeleportHQ Assets Manager, the Private folder holds developer text files such as next.config.js that are added to the top folder of your generated project, and you show it with the Private Folder switch in Project settings → Editor → Preferences → Advanced features; the Functions folder holds .js files that become server functions at /api/<name> when you publish.
