[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Ffile-upload-ui":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":516,"links":517,"dates":579},"\u002Fexamples\u002Ftags\u002Ffile-upload-ui","collection","screens",true,{"example_count":9,"app_count":10},204,82,{"id":12,"title":13,"description":14},208282,"File upload ui","",{"title":16,"description":17,"og_image":18},"File upload ui screen examples - Nicelydone","File upload ui screen design examples from SaaS apps. Browse examples from Aboard, Bird, Llamaindex.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F34920d4d-f046-4e10-a8f1-20d1fcf8de0e.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"File upload ui screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"204 screens",[34,80,144,195,236,284,313,351,386,413,445,487],{"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":54,"app":71},"34920d4d-f046-4e10-a8f1-20d1fcf8de0e","General | Settings | Aboard","Settings page where the admin configures company-wide defaults like logotypes, app language, time zone, and notification preferences.","\u002Fexamples\u002Fapps\u002Faboard\u002Fscreens",3024,1758,"General | Settings | Aboard from Aboard","2026-05-05T10:32:35.000Z","screen",[45],{"id":46,"label":47,"slug":48,"rank":49,"group":50},99,"Notification Settings","notification-settings",0,{"id":51,"label":52,"slug":53},10,"Settings & Admin","settings-and-admin",[55,59,63,67],{"id":56,"title":57,"slug":58},240,"Horizontal navigation","horizontal-navigation",{"id":60,"title":61,"slug":62},260,"Badge","badge",{"id":64,"title":65,"slug":66},169,"Avatar","avatar",{"id":68,"title":69,"slug":70},175,"Button","button",{"slug":72,"title":73,"logo":74,"baseline":75,"categories":76},"aboard","Aboard","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fea3ae2e7-7419-4926-acae-b179668f6172.png","Bring joy to your workplace with Aboard",[77],{"id":51,"title":78,"slug":79},"Human resources","human-resources",{"uuid":81,"title":82,"description":83,"canonical_path":84,"image":85,"width":39,"height":86,"image_alt":87,"published_at":88,"kind":43,"patterns":89,"component_categories":112,"app":119},"684971b3-00e1-47c0-bdb0-f8d73fe0a092","Company profile | Bird","Settings page where the user views and updates their company profile, including organization ID, name, subdomain, owner, and business information.","\u002Fexamples\u002Fapps\u002Fbird\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F684971b3-00e1-47c0-bdb0-f8d73fe0a092.png",1780,"Company profile | Bird from Bird","2026-03-30T13:53:59.000Z",[90,95,104],{"id":91,"label":92,"slug":93,"rank":49,"group":94},94,"Account Settings","account-settings",{"id":51,"label":52,"slug":53},{"id":96,"label":97,"slug":98,"rank":99,"group":100},3,"Profile","profile",1,{"id":101,"label":102,"slug":103},11,"Social & Collaboration","social-and-collaboration",{"id":105,"label":106,"slug":107,"rank":108,"group":109},25,"Upload & Download","upload-and-download",2,{"id":108,"label":110,"slug":111},"Actions","actions",[113,117,118],{"id":114,"title":115,"slug":116},174,"Card","card",{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":120,"title":121,"logo":122,"baseline":123,"categories":124},"bird","Bird","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F438a1831-3604-472d-a383-2892bbd37a63.png","Unified CRM for Marketing, Service & Payments",[125,128,132,136,140],{"id":105,"title":126,"slug":127},"Marketing","marketing",{"id":129,"title":130,"slug":131},37,"Developer APIs","developer-apis",{"id":133,"title":134,"slug":135},53,"CRM","crm",{"id":137,"title":138,"slug":139},68,"SMS","sms",{"id":141,"title":142,"slug":143},92,"Email","email",{"uuid":145,"title":146,"description":147,"canonical_path":148,"image":149,"width":39,"height":150,"image_alt":151,"published_at":152,"kind":43,"patterns":153,"component_categories":161,"app":173},"ae2da52f-333c-4032-880f-8ffe0355edad","LlamaParse","Create page where the user configures a new index by naming it, uploading data files, and selecting a data sink.","\u002Fexamples\u002Fapps\u002Fllamaindex\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fae2da52f-333c-4032-880f-8ffe0355edad.png",1776,"LlamaParse from Llamaindex","2026-03-16T20:51:42.000Z",[154,156],{"id":105,"label":106,"slug":107,"rank":49,"group":155},{"id":108,"label":110,"slug":111},{"id":157,"label":158,"slug":159,"rank":99,"group":160},23,"Select","select",{"id":108,"label":110,"slug":111},[162,166,170,171,172],{"id":163,"title":164,"slug":165},233,"Tabs","tabs",{"id":167,"title":168,"slug":169},177,"Breadcrumb","breadcrumb",{"id":114,"title":115,"slug":116},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":174,"title":175,"logo":176,"baseline":177,"categories":178},"llamaindex","Llamaindex","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F1e225662-6b6d-476d-a9ed-68b03c620ee1.png",null,[179,183,187,191],{"id":180,"title":181,"slug":182},45,"Open Source","open-source",{"id":184,"title":185,"slug":186},48,"Developer Tools","developer-tools",{"id":188,"title":189,"slug":190},80,"Artificial Intelligence","artificial-intelligence",{"id":192,"title":193,"slug":194},105,"Workflow Automation","workflow-automation",{"uuid":196,"title":197,"description":198,"canonical_path":199,"image":200,"width":39,"height":86,"image_alt":201,"published_at":202,"kind":43,"patterns":203,"component_categories":221,"app":228},"26efb8d5-47aa-47fc-89a9-fcfaacad7b4c","Twin - Automate anything","Home screen with an open modal where the user submits a feature request to customer support, including a text description and an attached screenshot.","\u002Fexamples\u002Fapps\u002Ftwin\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F26efb8d5-47aa-47fc-89a9-fcfaacad7b4c.png","Twin - Automate anything from Twin","2026-02-09T10:17:21.000Z",[204,211,219],{"id":205,"label":206,"slug":207,"rank":49,"group":208},27,"AI Assistant","ai-assistant",{"id":96,"label":209,"slug":210},"AI","ai",{"id":212,"label":213,"slug":214,"rank":99,"group":215},117,"Feedback","feedback",{"id":216,"label":217,"slug":218},12,"States & Feedback","states-and-feedback",{"id":105,"label":106,"slug":107,"rank":108,"group":220},{"id":108,"label":110,"slug":111},[222,226,227],{"id":223,"title":224,"slug":225},284,"Modal","modal",{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":229,"title":230,"logo":231,"baseline":232,"categories":233},"twin","Twin","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcfafc203-3d6a-4cfc-9ca4-539681caf005.png","The AI company builder",[234,235],{"id":188,"title":189,"slug":190},{"id":192,"title":193,"slug":194},{"uuid":237,"title":238,"description":239,"canonical_path":240,"image":241,"width":39,"height":86,"image_alt":242,"published_at":243,"kind":43,"patterns":244,"component_categories":259,"app":269},"8bc8082a-cf76-4d0b-9b0c-2437bb36efc5","Files - Chatbase","Settings page where the user uploads documents and manages file sources to train their AI agent.","\u002Fexamples\u002Fapps\u002Fchatbase\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8bc8082a-cf76-4d0b-9b0c-2437bb36efc5.png","Files - Chatbase from Chatbase","2026-02-09T10:10:31.000Z",[245,252,254],{"id":188,"label":246,"slug":247,"rank":49,"group":248},"Files","files",{"id":249,"label":250,"slug":251},8,"Pages & Content","pages-and-content",{"id":105,"label":106,"slug":107,"rank":99,"group":253},{"id":108,"label":110,"slug":111},{"id":255,"label":256,"slug":257,"rank":108,"group":258},13,"Filter & Sort","filter-and-sort",{"id":108,"label":110,"slug":111},[260,264,265,266,267,268],{"id":261,"title":262,"slug":263},167,"Alert","alert",{"id":167,"title":168,"slug":169},{"id":56,"title":57,"slug":58},{"id":60,"title":61,"slug":62},{"id":114,"title":115,"slug":116},{"id":68,"title":69,"slug":70},{"slug":270,"title":271,"logo":272,"baseline":273,"categories":274},"chatbase","Chatbase","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F7f20904a-e719-4d66-8569-3859ea3fbf78.png","AI agents for magical customer experiences",[275,279,280],{"id":276,"title":277,"slug":278},47,"Customer Service","customer-service",{"id":188,"title":189,"slug":190},{"id":281,"title":282,"slug":283},96,"No code","no-code",{"uuid":285,"title":286,"description":287,"canonical_path":288,"image":289,"width":39,"height":86,"image_alt":290,"published_at":291,"kind":43,"patterns":292,"component_categories":297,"app":302},"6dadf34f-84be-4a30-b07f-535eb7f16a1b","Settings - Maxi Best Of - Nightwatch","Settings page where the user configures general application details like storage region, icon, and name, and can archive the application.","\u002Fexamples\u002Fapps\u002Fnightwatch\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6dadf34f-84be-4a30-b07f-535eb7f16a1b.png","Settings - Maxi Best Of - Nightwatch from Nightwatch","2026-01-12T12:47:24.000Z",[293,295],{"id":91,"label":92,"slug":93,"rank":49,"group":294},{"id":51,"label":52,"slug":53},{"id":105,"label":106,"slug":107,"rank":99,"group":296},{"id":108,"label":110,"slug":111},[298,299,300,301],{"id":163,"title":164,"slug":165},{"id":114,"title":115,"slug":116},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":303,"title":304,"logo":305,"baseline":306,"categories":307},"nightwatch","Nightwatch","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6f0af58a-4193-4037-9c5a-3fb20914c15d.png","Monitor your Laravel applications with precision",[308,312],{"id":309,"title":310,"slug":311},16,"Monitoring","monitoring",{"id":184,"title":185,"slug":186},{"uuid":314,"title":315,"description":316,"canonical_path":317,"image":318,"width":39,"height":86,"image_alt":319,"published_at":320,"kind":43,"patterns":321,"component_categories":329,"app":335},"4052d0f4-b103-41b6-ad64-a4680f6a5b59","Typeform - Contacts","Modal overlay where the user uploads a CSV file to import contacts into their workspace.","\u002Fexamples\u002Fapps\u002Ftypeform\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4052d0f4-b103-41b6-ad64-a4680f6a5b59.png","Typeform - Contacts from Typeform","2025-12-08T14:20:46.000Z",[322,327],{"id":323,"label":324,"slug":325,"rank":49,"group":326},15,"Import & Export","import-and-export",{"id":108,"label":110,"slug":111},{"id":105,"label":106,"slug":107,"rank":99,"group":328},{"id":108,"label":110,"slug":111},[330,331,332,333,334],{"id":163,"title":164,"slug":165},{"id":223,"title":224,"slug":225},{"id":56,"title":57,"slug":58},{"id":60,"title":61,"slug":62},{"id":68,"title":69,"slug":70},{"slug":336,"title":337,"logo":338,"baseline":339,"categories":340},"typeform","Typeform","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftypeform-20f4caed.png","Free & beautifully human online forms",[341,345,346,347],{"id":342,"title":343,"slug":344},69,"Surveys","surveys",{"id":105,"title":126,"slug":127},{"id":281,"title":282,"slug":283},{"id":348,"title":349,"slug":350},104,"User Research","user-research",{"uuid":352,"title":353,"description":354,"canonical_path":355,"image":356,"width":39,"height":86,"image_alt":357,"published_at":358,"kind":43,"patterns":359,"component_categories":370,"app":374},"d0e11fc2-b5f5-4355-92c1-0b54f048ae79","Fyxer AI","Create page where the user uploads PDF or CSV documents to train their AI assistant, with a form to edit the title and description of selected files.","\u002Fexamples\u002Fapps\u002Ffyxer\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd0e11fc2-b5f5-4355-92c1-0b54f048ae79.png","Fyxer AI from Fyxer","2025-12-08T13:46:50.000Z",[360,362,366,368],{"id":105,"label":106,"slug":107,"rank":49,"group":361},{"id":108,"label":110,"slug":111},{"id":101,"label":363,"slug":364,"rank":99,"group":365},"Edit","edit",{"id":108,"label":110,"slug":111},{"id":188,"label":246,"slug":247,"rank":108,"group":367},{"id":249,"label":250,"slug":251},{"id":205,"label":206,"slug":207,"rank":96,"group":369},{"id":96,"label":209,"slug":210},[371,372,373],{"id":60,"title":61,"slug":62},{"id":114,"title":115,"slug":116},{"id":68,"title":69,"slug":70},{"slug":375,"title":376,"logo":377,"baseline":378,"categories":379},"fyxer","Fyxer","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6c4767fa-eedd-41af-a293-2f6900ffa570.png","AI that writes your email replies",[380,381,382],{"id":188,"title":189,"slug":190},{"id":141,"title":142,"slug":143},{"id":383,"title":384,"slug":385},30,"Productivity","productivity",{"uuid":387,"title":388,"description":389,"canonical_path":390,"image":391,"width":39,"height":86,"image_alt":392,"published_at":393,"kind":43,"patterns":394,"component_categories":399,"app":402},"88697213-f596-4092-96ba-d4eb889bcdff","Import Contacts","Create flow where the user reviews a selected CSV file before importing contacts into their audience.","\u002Fexamples\u002Fapps\u002Floops\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F88697213-f596-4092-96ba-d4eb889bcdff.png","Import Contacts from Loops","2025-10-27T15:44:02.000Z",[395,397],{"id":323,"label":324,"slug":325,"rank":49,"group":396},{"id":108,"label":110,"slug":111},{"id":188,"label":246,"slug":247,"rank":99,"group":398},{"id":249,"label":250,"slug":251},[400,401],{"id":114,"title":115,"slug":116},{"id":68,"title":69,"slug":70},{"slug":403,"title":404,"logo":405,"baseline":406,"categories":407},"loops","Loops","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Floops-4f4bed58.png","The email platform for modern SaaS",[408,409,412],{"id":141,"title":142,"slug":143},{"id":205,"title":410,"slug":411},"Email Newsletters","email-newsletters",{"id":105,"title":126,"slug":127},{"uuid":414,"title":415,"description":416,"canonical_path":417,"image":418,"width":39,"height":86,"image_alt":419,"published_at":420,"kind":43,"patterns":421,"component_categories":430,"app":435},"79d5d6a1-e2e5-4540-8f46-5787428deb94","Maybe","Settings page where the user updates their profile photo, name, email, and household name.","\u002Fexamples\u002Fapps\u002Fmaybe-finance\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F79d5d6a1-e2e5-4540-8f46-5787428deb94.png","Maybe from Maybe Finance","2025-07-21T12:50:07.000Z",[422,424,426,428],{"id":91,"label":92,"slug":93,"rank":49,"group":423},{"id":51,"label":52,"slug":53},{"id":96,"label":97,"slug":98,"rank":99,"group":425},{"id":101,"label":102,"slug":103},{"id":101,"label":363,"slug":364,"rank":108,"group":427},{"id":108,"label":110,"slug":111},{"id":105,"label":106,"slug":107,"rank":96,"group":429},{"id":108,"label":110,"slug":111},[431,432,433,434],{"id":167,"title":168,"slug":169},{"id":114,"title":115,"slug":116},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":436,"title":437,"logo":438,"baseline":439,"categories":440},"maybe-finance","Maybe Finance","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F88ec1791-1725-4a05-9aba-13f989c48b3a.png","The personal finance app for everyone",[441],{"id":442,"title":443,"slug":444},36,"Finance","finance",{"uuid":446,"title":447,"description":448,"canonical_path":449,"image":450,"width":39,"height":86,"image_alt":451,"published_at":452,"kind":43,"patterns":453,"component_categories":464,"app":470},"1f64864f-0edf-4031-b33f-6f1962367000","Brand Guidelines: Presentation","Detail page for brand guidelines where the user is prompted to drag and drop or choose new files to upload into the presentation.","\u002Fexamples\u002Fapps\u002Flingo\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1f64864f-0edf-4031-b33f-6f1962367000.png","Brand Guidelines: Presentation from Lingo","2025-07-21T12:34:41.000Z",[454,456,458,460],{"id":188,"label":246,"slug":247,"rank":49,"group":455},{"id":249,"label":250,"slug":251},{"id":105,"label":106,"slug":107,"rank":99,"group":457},{"id":108,"label":110,"slug":111},{"id":101,"label":363,"slug":364,"rank":108,"group":459},{"id":108,"label":110,"slug":111},{"id":10,"label":461,"slug":462,"rank":96,"group":463},"Media Detail","media-detail",{"id":249,"label":250,"slug":251},[465,466,467,468,469],{"id":223,"title":224,"slug":225},{"id":167,"title":168,"slug":169},{"id":56,"title":57,"slug":58},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":471,"title":472,"logo":473,"baseline":474,"categories":475},"lingo","Lingo","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Flingo-13d0858f.png","Build your team's visual language",[476,479,483],{"id":249,"title":477,"slug":478},"Design","design",{"id":480,"title":481,"slug":482},22,"Knowledge Management","knowledge-management",{"id":484,"title":485,"slug":486},71,"File sharing","file-sharing",{"uuid":488,"title":489,"description":490,"canonical_path":491,"image":492,"width":39,"height":86,"image_alt":493,"published_at":494,"kind":43,"patterns":495,"component_categories":500,"app":506},"862d586e-63e3-4d9a-b0a9-42fe868a6c75","About | The Org","Settings page where the user uploads and crops a new company logo within a modal overlay.","\u002Fexamples\u002Fapps\u002Fthe-org\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F862d586e-63e3-4d9a-b0a9-42fe868a6c75.png","About | The Org from The org","2025-07-14T09:42:36.000Z",[496,498],{"id":101,"label":363,"slug":364,"rank":49,"group":497},{"id":108,"label":110,"slug":111},{"id":105,"label":106,"slug":107,"rank":99,"group":499},{"id":108,"label":110,"slug":111},[501,502,503,504,505],{"id":223,"title":224,"slug":225},{"id":56,"title":57,"slug":58},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":507,"title":508,"logo":509,"baseline":510,"categories":511},"the-org","The org","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fthe-org-d95f10a7.png","Where great teams live",[512],{"id":513,"title":514,"slug":515},49,"Social Network","social-network",[],[518,520,523,525,527,529,531,533,535,537,539,541,543,546,549,552,555,558,561,564,567,570,573,576],{"label":106,"to":519,"count":51},"\u002Fexamples\u002Fscreens\u002Fupload-and-download",{"label":363,"to":521,"count":522},"\u002Fexamples\u002Fscreens\u002Fedit",4,{"label":246,"to":524,"count":522},"\u002Fexamples\u002Fscreens\u002Ffiles",{"label":92,"to":526,"count":96},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":206,"to":528,"count":108},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":324,"to":530,"count":108},"\u002Fexamples\u002Fscreens\u002Fimport-and-export",{"label":97,"to":532,"count":108},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":213,"to":534,"count":99},"\u002Fexamples\u002Fscreens\u002Ffeedback",{"label":256,"to":536,"count":99},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":461,"to":538,"count":99},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":47,"to":540,"count":99},"\u002Fexamples\u002Fscreens\u002Fnotification-settings",{"label":158,"to":542,"count":99},"\u002Fexamples\u002Fscreens\u002Fselect",{"label":544,"to":545},"Aboard design examples","\u002Fexamples\u002Fapps\u002Faboard",{"label":547,"to":548},"Bird design examples","\u002Fexamples\u002Fapps\u002Fbird",{"label":550,"to":551},"Llamaindex design examples","\u002Fexamples\u002Fapps\u002Fllamaindex",{"label":553,"to":554},"Twin design examples","\u002Fexamples\u002Fapps\u002Ftwin",{"label":556,"to":557},"Chatbase design examples","\u002Fexamples\u002Fapps\u002Fchatbase",{"label":559,"to":560},"Nightwatch design examples","\u002Fexamples\u002Fapps\u002Fnightwatch",{"label":562,"to":563},"Typeform design examples","\u002Fexamples\u002Fapps\u002Ftypeform",{"label":565,"to":566},"Fyxer design examples","\u002Fexamples\u002Fapps\u002Ffyxer",{"label":568,"to":569},"Loops design examples","\u002Fexamples\u002Fapps\u002Floops",{"label":571,"to":572},"Maybe Finance design examples","\u002Fexamples\u002Fapps\u002Fmaybe-finance",{"label":574,"to":575},"Lingo design examples","\u002Fexamples\u002Fapps\u002Flingo",{"label":577,"to":578},"The org design examples","\u002Fexamples\u002Fapps\u002Fthe-org",{"published_at":580,"updated_at":581},"2025-04-17T10:56:10.000Z","2026-09-05T20:20:08.401Z"]