[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fupload-documents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":11,"seo":15,"breadcrumbs":19,"content":28,"examples":33,"showcases":528,"links":529,"dates":590},"\u002Fexamples\u002Ftags\u002Fupload-documents","collection","screens",true,{"example_count":9,"app_count":10},1015,167,{"id":12,"title":13,"description":14},83392,"Upload documents","",{"title":16,"description":17,"og_image":18},"Upload documents screen examples - Nicelydone","Upload documents screen design examples from SaaS apps. Browse examples from Mistral, Chatbase, Cake.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F444aab68-5632-440b-9110-629563991c75.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Upload documents screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"1015 screens",[34,102,148,195,234,271,324,365,394,421,456,502],{"uuid":35,"title":36,"description":37,"canonical_path":38,"image":18,"width":39,"height":40,"image_alt":41,"published_at":42,"kind":43,"patterns":44,"component_categories":71,"app":84},"444aab68-5632-440b-9110-629563991c75","New Library","Detail page for an AI knowledge library where the user is prompted to upload documents via a drag-and-drop modal.","\u002Fexamples\u002Fapps\u002Fmistral\u002Fscreens",3024,1780,"New Library from Mistral","2026-02-16T11:35:54.000Z","screen",[45,54,63],{"id":46,"label":47,"slug":48,"rank":49,"group":50},25,"Upload & Download","upload-and-download",0,{"id":51,"label":52,"slug":53},2,"Actions","actions",{"id":55,"label":56,"slug":57,"rank":58,"group":59},27,"AI Assistant","ai-assistant",1,{"id":60,"label":61,"slug":62},3,"AI","ai",{"id":64,"label":65,"slug":66,"rank":51,"group":67},115,"Empty State","empty-state",{"id":68,"label":69,"slug":70},12,"States & Feedback","states-and-feedback",[72,76,80],{"id":73,"title":74,"slug":75},177,"Breadcrumb","breadcrumb",{"id":77,"title":78,"slug":79},260,"Badge","badge",{"id":81,"title":82,"slug":83},284,"Modal","modal",{"slug":85,"title":86,"logo":87,"baseline":88,"categories":89},"mistral","Mistral","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Febdf5e59-0539-44b6-9e33-2986c1458350.png","Frontier AI. In your hands",[90,94,98],{"id":91,"title":92,"slug":93},48,"Developer Tools","developer-tools",{"id":95,"title":96,"slug":97},77,"Machine learning","machine-learning",{"id":99,"title":100,"slug":101},80,"Artificial Intelligence","artificial-intelligence",{"uuid":103,"title":104,"description":105,"canonical_path":106,"image":107,"width":39,"height":40,"image_alt":108,"published_at":109,"kind":43,"patterns":110,"component_categories":123,"app":133},"b019ce4e-0846-4e69-981b-93fcdff160a6","Create Agent - Chatbase","Onboarding step where the user uploads PDF, DOCX, or TXT files to train their AI agent.","\u002Fexamples\u002Fapps\u002Fchatbase\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb019ce4e-0846-4e69-981b-93fcdff160a6.png","Create Agent - Chatbase from Chatbase","2026-02-09T10:10:31.000Z",[111,116,118],{"id":112,"label":113,"slug":114,"rank":49,"group":115},7,"Add & Create","add-and-create",{"id":51,"label":52,"slug":53},{"id":46,"label":47,"slug":48,"rank":58,"group":117},{"id":51,"label":52,"slug":53},{"id":119,"label":120,"slug":121,"rank":51,"group":122},26,"AI Agent","ai-agent",{"id":60,"label":61,"slug":62},[124,127,128,129],{"id":10,"title":125,"slug":126},"Alert","alert",{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"id":130,"title":131,"slug":132},175,"Button","button",{"slug":134,"title":135,"logo":136,"baseline":137,"categories":138},"chatbase","Chatbase","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F7f20904a-e719-4d66-8569-3859ea3fbf78.png","AI agents for magical customer experiences",[139,143,144],{"id":140,"title":141,"slug":142},47,"Customer Service","customer-service",{"id":99,"title":100,"slug":101},{"id":145,"title":146,"slug":147},96,"No code","no-code",{"uuid":149,"title":150,"description":151,"canonical_path":152,"image":153,"width":39,"height":40,"image_alt":154,"published_at":155,"kind":43,"patterns":156,"component_categories":166,"app":181},"50dc2256-2f08-4b5a-8c9f-ad728fff2ff6","Cake.","File manager screen where the user uploads folders, images, or documents via a drag-and-drop modal.","\u002Fexamples\u002Fapps\u002Fcake\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F50dc2256-2f08-4b5a-8c9f-ad728fff2ff6.png","Cake. from Cake","2025-10-20T12:38:07.000Z",[157,159],{"id":46,"label":47,"slug":48,"rank":49,"group":158},{"id":51,"label":52,"slug":53},{"id":99,"label":160,"slug":161,"rank":58,"group":162},"Files","files",{"id":163,"label":164,"slug":165},8,"Pages & Content","pages-and-content",[167,171,172,176,180],{"id":168,"title":169,"slug":170},240,"Horizontal navigation","horizontal-navigation",{"id":81,"title":82,"slug":83},{"id":173,"title":174,"slug":175},174,"Card","card",{"id":177,"title":178,"slug":179},169,"Avatar","avatar",{"id":130,"title":131,"slug":132},{"slug":182,"title":183,"logo":184,"baseline":185,"categories":186},"cake","Cake","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcake-equity-ml6m26id.png","The intuitive equity platform for fast-growing startups",[187,191],{"id":188,"title":189,"slug":190},36,"Finance","finance",{"id":192,"title":193,"slug":194},63,"Startups","startups",{"uuid":196,"title":197,"description":198,"canonical_path":199,"image":200,"width":39,"height":40,"image_alt":201,"published_at":202,"kind":43,"patterns":203,"component_categories":221,"app":224},"f6c28288-bbce-46e8-bfbb-fedb2f7dc97d","Sora","List view of an empty folder named Comic, featuring a persistent bottom composer for generating new AI images or videos to populate the space.","\u002Fexamples\u002Fapps\u002Fsora\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff6c28288-bbce-46e8-bfbb-fedb2f7dc97d.png","Sora from Sora","2025-04-14T09:27:56.000Z",[204,206,211,213],{"id":64,"label":65,"slug":66,"rank":49,"group":205},{"id":68,"label":69,"slug":70},{"id":207,"label":208,"slug":209,"rank":58,"group":210},30,"AI Generation","ai-generation",{"id":60,"label":61,"slug":62},{"id":99,"label":160,"slug":161,"rank":51,"group":212},{"id":163,"label":164,"slug":165},{"id":214,"label":215,"slug":216,"rank":60,"group":217},41,"Dashboard","dashboard",{"id":218,"label":219,"slug":220},4,"Data & Analysis","data-and-analysis",[222,223],{"id":177,"title":178,"slug":179},{"id":130,"title":131,"slug":132},{"slug":225,"title":197,"logo":226,"baseline":227,"categories":228},"sora","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsora-2oq6gygg.png","Bring your imagination to life with text, image, or video",[229,230],{"id":99,"title":100,"slug":101},{"id":231,"title":232,"slug":233},100,"Video","video",{"uuid":235,"title":236,"description":237,"canonical_path":238,"image":239,"width":39,"height":240,"image_alt":241,"published_at":242,"kind":43,"patterns":243,"component_categories":259,"app":264},"36e5b821-dbda-42c9-a477-11bd67c295a6","New conversation - Grok","AI chat interface where the user asks the assistant to identify the location of an uploaded photo while the model processes the attachment.","\u002Fexamples\u002Fapps\u002Fgrok\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F36e5b821-dbda-42c9-a477-11bd67c295a6.png",1714,"New conversation - Grok from Grok","2025-04-14T08:55:44.000Z",[244,249,251],{"id":245,"label":246,"slug":247,"rank":49,"group":248},28,"AI Chat","ai-chat",{"id":60,"label":61,"slug":62},{"id":46,"label":47,"slug":48,"rank":58,"group":250},{"id":51,"label":52,"slug":53},{"id":252,"label":253,"slug":254,"rank":51,"group":255},58,"Media Editor","media-editor",{"id":256,"label":257,"slug":258},5,"Media & Tools","media-and-tools",[260,261,262,263],{"id":168,"title":169,"slug":170},{"id":173,"title":174,"slug":175},{"id":177,"title":178,"slug":179},{"id":130,"title":131,"slug":132},{"slug":265,"title":266,"logo":267,"baseline":268,"categories":269},"grok","Grok","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgrok-hpyfsu57.png",null,[270],{"id":99,"title":100,"slug":101},{"uuid":272,"title":273,"description":274,"canonical_path":275,"image":276,"width":39,"height":277,"image_alt":278,"published_at":279,"kind":43,"patterns":280,"component_categories":303,"app":310},"01cfbde8-c498-44da-b24a-3e52d35b10e4","My First Space","List view where the user manages files and folders in a workspace, featuring a free trial expiration warning and a toast confirming a large batch upload.","\u002Fexamples\u002Fapps\u002Fshuttle\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F01cfbde8-c498-44da-b24a-3e52d35b10e4.png",1726,"My First Space from Shuttle","2025-03-31T12:54:20.000Z",[281,283,288,290,298],{"id":99,"label":160,"slug":161,"rank":49,"group":282},{"id":163,"label":164,"slug":165},{"id":284,"label":285,"slug":286,"rank":58,"group":287},79,"Browse","browse",{"id":163,"label":164,"slug":165},{"id":46,"label":47,"slug":48,"rank":51,"group":289},{"id":51,"label":52,"slug":53},{"id":291,"label":292,"slug":293,"rank":60,"group":294},91,"Trial","trial",{"id":295,"label":296,"slug":297},9,"Plans & Limits","plans-and-limits",{"id":299,"label":300,"slug":301,"rank":218,"group":302},24,"Share","share",{"id":51,"label":52,"slug":53},[304,308,309],{"id":305,"title":306,"slug":307},277,"Button group","button-group",{"id":177,"title":178,"slug":179},{"id":130,"title":131,"slug":132},{"slug":311,"title":312,"logo":313,"baseline":314,"categories":315},"shuttle","Shuttle","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fshuttle-1876ce5e.png","Manage and share your assets your way",[316,320],{"id":317,"title":318,"slug":319},71,"File sharing","file-sharing",{"id":321,"title":322,"slug":323},23,"Collaboration","collaboration",{"uuid":325,"title":326,"description":327,"canonical_path":328,"image":329,"width":39,"height":330,"image_alt":331,"published_at":332,"kind":43,"patterns":333,"component_categories":338,"app":348},"2a7363d9-c828-4ab9-b11e-2e37111d0d0f","Bitly | Bitly Page","Page builder where the user is uploading an image via a modal, with a live mobile preview of the link-in-bio page visible in the background.","\u002Fexamples\u002Fapps\u002Fbitly\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2a7363d9-c828-4ab9-b11e-2e37111d0d0f.png",1778,"Bitly | Bitly Page from Bitly","2025-03-31T12:38:36.000Z",[334,336],{"id":112,"label":113,"slug":114,"rank":49,"group":335},{"id":51,"label":52,"slug":53},{"id":46,"label":47,"slug":48,"rank":58,"group":337},{"id":51,"label":52,"slug":53},[339,340,344,345,346,347],{"id":168,"title":169,"slug":170},{"id":341,"title":342,"slug":343},233,"Tabs","tabs",{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"id":177,"title":178,"slug":179},{"id":130,"title":131,"slug":132},{"slug":349,"title":350,"logo":351,"baseline":352,"categories":353},"bitly","Bitly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbitly-b2404792.png","Build stronger digital connections",[354,358,361],{"id":355,"title":356,"slug":357},14,"Social","social",{"id":46,"title":359,"slug":360},"Marketing","marketing",{"id":362,"title":363,"slug":364},46,"Analytics","analytics",{"uuid":366,"title":367,"description":368,"canonical_path":369,"image":370,"width":39,"height":371,"image_alt":372,"published_at":373,"kind":43,"patterns":374,"component_categories":383,"app":386},"28fd6e37-aaa2-464c-ae73-5b003f8b722b","Lemni · Docs › Knowledge","Help center article explaining how to manage datasets, webpages, and files to train AI agents.","\u002Fexamples\u002Fapps\u002Flemni\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F28fd6e37-aaa2-464c-ae73-5b003f8b722b.png",8584,"Lemni · Docs › Knowledge from Lemni","2025-03-24T15:32:17.000Z",[375],{"id":376,"label":377,"slug":378,"rank":49,"group":379},179,"Help Center","help-center",{"id":380,"label":381,"slug":382},15,"Marketing Page Types","marketing-page-types",[384,385],{"id":341,"title":342,"slug":343},{"id":130,"title":131,"slug":132},{"slug":387,"title":388,"logo":389,"baseline":390,"categories":391},"lemni","Lemni","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Flemni-aebad401.png","Ai agents for all your customer interactions",[392,393],{"id":99,"title":100,"slug":101},{"id":140,"title":141,"slug":142},{"uuid":395,"title":396,"description":397,"canonical_path":398,"image":399,"width":39,"height":330,"image_alt":400,"published_at":401,"kind":43,"patterns":402,"component_categories":409,"app":414},"bdf88a84-4c6d-46c9-ab9c-0a8c75c2b475","Monarch | Porsche 911","Detail page for an asset account where a modal prompts the user to confirm uploading a CSV file that will overwrite existing balance history.","\u002Fexamples\u002Fapps\u002Fmonarch\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbdf88a84-4c6d-46c9-ab9c-0a8c75c2b475.png","Monarch | Porsche 911 from Monarch","2025-03-17T14:09:52.000Z",[403,405],{"id":46,"label":47,"slug":48,"rank":49,"group":404},{"id":51,"label":52,"slug":53},{"id":380,"label":406,"slug":407,"rank":58,"group":408},"Import & Export","import-and-export",{"id":51,"label":52,"slug":53},[410,411,412,413],{"id":73,"title":74,"slug":75},{"id":81,"title":82,"slug":83},{"id":173,"title":174,"slug":175},{"id":130,"title":131,"slug":132},{"slug":415,"title":416,"logo":417,"baseline":418,"categories":419},"monarch","Monarch","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmonarch-58e7e32a.png","The modern way to manage money",[420],{"id":188,"title":189,"slug":190},{"uuid":422,"title":423,"description":424,"canonical_path":425,"image":426,"width":39,"height":330,"image_alt":427,"published_at":428,"kind":43,"patterns":429,"component_categories":437,"app":447},"395432e1-6f59-4d06-a03c-5ca2fbaead65","Design Evolution Series","Detail page for a specific marketing campaign where the user can manage attached files, schedule posts, view activity history, and configure public sharing access.","\u002Fexamples\u002Fapps\u002Fmeet-assembly\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F395432e1-6f59-4d06-a03c-5ca2fbaead65.png","Design Evolution Series from Assembly","2025-03-17T13:29:41.000Z",[430,432],{"id":284,"label":285,"slug":286,"rank":49,"group":431},{"id":163,"label":164,"slug":165},{"id":433,"label":434,"slug":435,"rank":58,"group":436},82,"Media Detail","media-detail",{"id":163,"label":164,"slug":165},[438,442,443,444,445,446],{"id":439,"title":440,"slug":441},214,"Popover","popover",{"id":341,"title":342,"slug":343},{"id":77,"title":78,"slug":79},{"id":173,"title":174,"slug":175},{"id":177,"title":178,"slug":179},{"id":130,"title":131,"slug":132},{"slug":448,"title":449,"logo":450,"baseline":451,"categories":452},"meet-assembly","Assembly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fassembly-s-8b4489ec.png","Manage your social content like magic",[453,454,455],{"id":355,"title":356,"slug":357},{"id":321,"title":322,"slug":323},{"id":46,"title":359,"slug":360},{"uuid":457,"title":458,"description":459,"canonical_path":460,"image":461,"width":39,"height":330,"image_alt":462,"published_at":463,"kind":43,"patterns":464,"component_categories":487,"app":492},"f156c54e-5439-41bd-96be-677b5bb6ddf2","Leap AI | Automate any workflow with AI","Detail page for an AI workflow where the user downloads a sample template and uploads a CSV file to execute a bulk run.","\u002Fexamples\u002Fapps\u002Fleap\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff156c54e-5439-41bd-96be-677b5bb6ddf2.png","Leap AI | Automate any workflow with AI from Leap","2025-03-10T14:11:55.000Z",[465,473,475,477,482],{"id":466,"label":467,"slug":468,"rank":49,"group":469},129,"Workflow Builder","workflow-builder",{"id":470,"label":471,"slug":472},13,"Workflow & Automation","workflow-and-automation",{"id":46,"label":47,"slug":48,"rank":58,"group":474},{"id":51,"label":52,"slug":53},{"id":119,"label":120,"slug":121,"rank":51,"group":476},{"id":60,"label":61,"slug":62},{"id":478,"label":479,"slug":480,"rank":60,"group":481},11,"Edit","edit",{"id":51,"label":52,"slug":53},{"id":483,"label":484,"slug":485,"rank":218,"group":486},126,"Bulk Actions","bulk-actions",{"id":470,"label":471,"slug":472},[488,489,490,491],{"id":73,"title":74,"slug":75},{"id":341,"title":342,"slug":343},{"id":177,"title":178,"slug":179},{"id":130,"title":131,"slug":132},{"slug":493,"title":494,"logo":495,"baseline":496,"categories":497},"leap","Leap","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fleap-60d851ac.png","Automate any workflow with AI",[498,499],{"id":99,"title":100,"slug":101},{"id":207,"title":500,"slug":501},"Productivity","productivity",{"uuid":503,"title":504,"description":505,"canonical_path":506,"image":507,"width":39,"height":330,"image_alt":508,"published_at":509,"kind":43,"patterns":510,"component_categories":517,"app":521},"8e24064b-5592-4b33-b3c0-3450239b09f0","WeTransfer | Send Large Files Fast","Detail page where the user manages a completed file transfer, including copying the link, setting an expiration date, and viewing the included files.","\u002Fexamples\u002Fapps\u002Fwetransfer\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8e24064b-5592-4b33-b3c0-3450239b09f0.png","WeTransfer | Send Large Files Fast from WeTransfer","2025-02-24T16:12:09.000Z",[511,513,515],{"id":99,"label":160,"slug":161,"rank":49,"group":512},{"id":163,"label":164,"slug":165},{"id":46,"label":47,"slug":48,"rank":58,"group":514},{"id":51,"label":52,"slug":53},{"id":299,"label":300,"slug":301,"rank":51,"group":516},{"id":51,"label":52,"slug":53},[518,519,520],{"id":305,"title":306,"slug":307},{"id":173,"title":174,"slug":175},{"id":130,"title":131,"slug":132},{"slug":522,"title":523,"logo":524,"baseline":525,"categories":526},"wetransfer","WeTransfer","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fwetransfer-3e886b18.png","The simplest way to send your files around the world.",[527],{"id":317,"title":318,"slug":319},[],[530,532,534,536,538,540,542,544,546,548,550,552,554,557,560,563,566,569,572,575,578,581,584,587],{"label":47,"to":531,"count":295},"\u002Fexamples\u002Fscreens\u002Fupload-and-download",{"label":160,"to":533,"count":218},"\u002Fexamples\u002Fscreens\u002Ffiles",{"label":113,"to":535,"count":51},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":120,"to":537,"count":51},"\u002Fexamples\u002Fscreens\u002Fai-agent",{"label":285,"to":539,"count":51},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":65,"to":541,"count":51},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":300,"to":543,"count":51},"\u002Fexamples\u002Fscreens\u002Fshare",{"label":56,"to":545,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":246,"to":547,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":208,"to":549,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-generation",{"label":484,"to":551,"count":58},"\u002Fexamples\u002Fscreens\u002Fbulk-actions",{"label":215,"to":553,"count":58},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":555,"to":556},"Mistral design examples","\u002Fexamples\u002Fapps\u002Fmistral",{"label":558,"to":559},"Chatbase design examples","\u002Fexamples\u002Fapps\u002Fchatbase",{"label":561,"to":562},"Cake design examples","\u002Fexamples\u002Fapps\u002Fcake",{"label":564,"to":565},"Sora design examples","\u002Fexamples\u002Fapps\u002Fsora",{"label":567,"to":568},"Grok design examples","\u002Fexamples\u002Fapps\u002Fgrok",{"label":570,"to":571},"Shuttle design examples","\u002Fexamples\u002Fapps\u002Fshuttle",{"label":573,"to":574},"Bitly design examples","\u002Fexamples\u002Fapps\u002Fbitly",{"label":576,"to":577},"Lemni design examples","\u002Fexamples\u002Fapps\u002Flemni",{"label":579,"to":580},"Monarch design examples","\u002Fexamples\u002Fapps\u002Fmonarch",{"label":582,"to":583},"Assembly design examples","\u002Fexamples\u002Fapps\u002Fmeet-assembly",{"label":585,"to":586},"Leap design examples","\u002Fexamples\u002Fapps\u002Fleap",{"label":588,"to":589},"WeTransfer design examples","\u002Fexamples\u002Fapps\u002Fwetransfer",{"published_at":591,"updated_at":592},"2025-01-02T15:44:08.000Z","2026-09-05T20:19:55.776Z"]