What You Can Upload
The Asset Manager supports various file types:- Images - PNG, JPG, JPEG, GIF, SVG, WebP, ICO, BMP
- Documents - PDF, JSON, CSV, TXT, XML
- Fonts - WOFF, WOFF2, TTF, OTF, EOT
- Media - MP3, MP4, WAV, OGG, WebM
How to Use
Opening the Asset Manager
- Click the image icon in the header toolbar
- The Asset Manager panel opens on the right side
- You can toggle between Asset Manager, Code Editor, and Live Preview
Uploading Files
- Click the Upload button
- Select a file from your computer
- The file uploads automatically to your project’s
public/folder - Images go to
public/images/, other files go topublic/
Using Assets in Your Project
After uploading, use the asset path in your code:Managing Assets
Each asset card shows:- Preview - Thumbnail for images (when project is deployed)
- Filename - The uploaded file name
- Size - File size
- Path - The public path to use in your code
- Copy path - Copy the asset path to clipboard
- Share with Leo - Send the asset path to Leo for use
- Delete - Remove the asset from your project
Features
Image Preview
When your project is deployed, image thumbnails display directly in the Asset Manager. For private projects, authentication is handled automatically.Git Integration
All uploaded assets are automatically committed to your project’s git repository. This ensures your assets are versioned and synced.Server Sync
If your project is deployed, uploaded assets sync automatically to your live server. Changes appear immediately in your deployed app.Secure Uploads
- Files are validated for allowed types
- Filenames are sanitized to prevent security issues
- Size limits protect against large uploads
- Executable files (JS, PHP, etc.) are blocked
