Folder management screen examples

Extend

List view of document processing workflows where the user is renaming a specific folder via a modal.

• Edit

Dock

Settings page for a product folder showing an empty state where the user can create a new product.

• Empty State
• Add & Create

Exa

Billing settings page where the user monitors their free plan credit balance and compares paid subscription tiers to upgrade.

• Pricing
• Usage Limit

Flora

Workflow editor where the user connects image processing nodes to generate and modify sneaker images, showing an open project menu and a low-credits warning banner.

• AI Generation
• AI Editing

Mailchimp

List view where the user manages uploaded files in the content studio, with options to search, filter by folder, sort, and toggle between grid and list layouts.

• Files
• Filter & Sort

Bird

Media library list view where the user manages folders and image assets, showing a recent upload success toast.

• Files
• Upload & Download

Kinescope

List view where the user is prompted to confirm the deletion of a folder and its contents.

• Confirmation
• Delete

Pocket Casts

List view where the user manages a custom folder by searching and selecting podcasts to add or remove via a modal.

• Filter & Sort
• Select

Mistral

AI chat interface where the user is creating a new project named 'Learning' and selecting an icon from an emoji picker popover.

• AI Chat
• Add & Create

Fabric

Modal for creating a new space where the user enters a name, overlaid on a gallery view of existing spaces.

• Add & Create
• Filter & Sort

Okta

List view within a folder showing an empty state for tables, featuring a prominent call to action to create a new table alongside search and sort controls.

• Empty State
• Filter & Sort

Gumloop

List view of flows with a modal open to create a new folder for organizing flows.

• Table
• Search