Upload & Download screen examples

Kajabi

Creation wizard step where the user uploads files to be offered as a download resource, featuring a live preview card.

• Media Editor

Teachable

Wizard step where the user uploads files for their digital product, with options to change the delivery method or skip the step.

• Setup Wizard

Tryprofound

List view of skills where the user is uploading a new skill file via a centered modal that accepts .zip or .md formats.

• Add & Create
• Files

Flask

Home screen where the user is prompted to drop an asset to begin giving feedback, featuring a setup checklist in the bottom right.

• Onboarding Checklist
• Empty State

Dock

Content editor where the user is prompted to upload a document to use as a source for an AI prompt template.

• AI Editing

Riverside

Home screen where the user is uploading a video file to generate AI magic clips.

• AI Generation
• Loading

Appwrite

Detail page where the user uploads a local file or selects from a storage bucket to attach to a message.

• Empty State

Inference

Modal overlay where the user chooses to upload trace data via JSONL file or import it directly using the Langfuse API.

• Import & Export

Elevenlabs

List view where the user opens a modal to upload audio or video files for transcription, configuring settings like primary language and subtitle inclusion.

• AI Editing
• Media Editor

Navattic

Creation wizard step where the user manages uploaded media files for a product demo before proceeding to the next step.

Bird

Media library where the user is uploading a new asset via a drag-and-drop modal.

• Media Detail
• Drag & Drop

Super

Settings page where the user uploads a local file to connect it as a data source, showing a completed progress bar in a modal.

• Import & Export
• Settings