Media gallery screen examples

Magnific

Asset library view where the user manages folders and generated media within a specific project.

• Files
• Filter & Sort

Flora

Community page where the user browses video tutorials and editor's choice projects in horizontal carousels.

• Browse
• Media Detail

Elevenlabs

List view where the user browses their past AI image and video generations, with an active floating composer overlay for creating new content.

• AI Generation
• Media Detail

Mailchimp

List view where the user manages and filters uploaded files in their content studio.

• Files
• Filter & Sort

Morphic

List view where the user browses their recently generated image and video assets with an open context menu offering options to rename, move, share, or delete an item.

• Files
• Media Detail

Dovetail

List view where the user browses a grid of media and document assets within a project, with an app menu open in the sidebar.

• Browse
• Files

Fabric

Workspace list view where the user organizes media links and documents into color-coded kanban columns.

• Dashboard
• Filter & Sort

Typeform

Form builder where the user is uploading an image via a media gallery modal for a picture choice question.

• Form
• Upload & Download

Reve

Detail page where the user views a high-resolution image within an album, with options to search the collection and prompt an AI assistant via a bottom composer.

• Media Detail
• AI Assistant

Lingo

Detail page where the user views a brand guidelines presentation, featuring image assets and typographic styles, with tools to add sections and share the kit.

• Browse
• Share

Vimeo

Home feed where the user browses curated video collections like Staff Picks, Premieres, and trending content organized in horizontal carousels.

• Browse
• Video Player

Air

List view where the user browses, searches, and filters their uploaded assets and files, with a sort dropdown currently open.

• Files
• Search