Upload & Download screen examples

Bud

AI agent workspace where the user is prompted to import local files or folders via a drag-and-drop modal.

• AI Agent
• Add & Create

Polar

List view showing income transactions with details like date, description, gross, fees, tax, net, and status, with an export option.

• Table
• Filter & Sort

Magnific

Video editor empty state prompting the user to either upload a new video file or select from existing creations to begin editing.

• Empty State
• Media Editor

Latitude.sh

Support page where the user fills out a contact support form in a right-anchored drawer, including topic selection, description, and an inline file upload dropzone.

• Add & Create

Alloy

Design editor interface where the user modifies a captured web page using natural language prompts in a left sidebar.

• AI Editing
• AI Chat

Flask

Home dashboard with a modal open for the user to import a video asset via a Google Drive link.

• Import & Export

Airbnb

Profile settings page where the user edits their biography, languages, location, and travel stamps.

• Profile
• Edit

Inference

List view where the user manages training data, evaluation sets, and file uploads for their AI models.

• Browse
• Filter & Sort

Steel

Settings page where the user is shown a success modal with their newly generated API key and a toast confirming it was copied to the clipboard.

• Success
• API Keys

Zaro

File manager list view where the user is creating a new file in the workspace root via a modal.

• Add & Create
• Files

Riverside

Video and audio editor interface with an open modal for sharing, downloading, or exporting the current project.

• Share

Axiom

Settings page where the user uploads a file to import data into a specific dataset via a drag-and-drop modal.

• Add & Create
• Import & Export