[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fupload-image":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":540,"links":541,"dates":603},"\u002Fexamples\u002Ftags\u002Fupload-image","collection","screens",true,{"example_count":9,"app_count":10},1697,241,{"id":12,"title":13,"description":14},8776,"Upload image","",{"title":16,"description":17,"og_image":18},"Upload image screen examples - Nicelydone","Upload image screen design examples from SaaS apps. Browse examples from Flora, Assembly AI App Builder, Lovable.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6aa4fe07-1800-4a1e-af71-7f9eb3c19a55.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Upload image screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"1697 screens",[34,100,147,198,228,263,290,335,376,414,461,507],{"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":65,"app":82},"6aa4fe07-1800-4a1e-af71-7f9eb3c19a55","FLORA - Untitled","Workflow editor where the user configures publish settings for a technique, including its name, description, and thumbnail, in a right sidebar.","\u002Fexamples\u002Fapps\u002Fflora\u002Fscreens",3024,1758,"FLORA - Untitled from Flora","2026-05-26T09:34:20.000Z","screen",[45,54,60],{"id":46,"label":47,"slug":48,"rank":49,"group":50},7,"Add & Create","add-and-create",0,{"id":51,"label":52,"slug":53},2,"Actions","actions",{"id":55,"label":56,"slug":57,"rank":58,"group":59},11,"Edit","edit",1,{"id":51,"label":52,"slug":53},{"id":61,"label":62,"slug":63,"rank":51,"group":64},25,"Upload & Download","upload-and-download",{"id":51,"label":52,"slug":53},[66,70,74,78],{"id":67,"title":68,"slug":69},227,"Stepper","stepper",{"id":71,"title":72,"slug":73},233,"Tabs","tabs",{"id":75,"title":76,"slug":77},174,"Card","card",{"id":79,"title":80,"slug":81},175,"Button","button",{"slug":83,"title":84,"logo":85,"baseline":86,"categories":87},"flora","Flora","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5c3c6f99-7e88-4853-9e21-6fd175f2aa62.png","Your creative environement",[88,92,96],{"id":89,"title":90,"slug":91},80,"Artificial Intelligence","artificial-intelligence",{"id":93,"title":94,"slug":95},8,"Design","design",{"id":97,"title":98,"slug":99},23,"Collaboration","collaboration",{"uuid":101,"title":102,"description":103,"canonical_path":104,"image":105,"width":39,"height":40,"image_alt":106,"published_at":107,"kind":43,"patterns":108,"component_categories":127,"app":128},"d0642601-5eca-431f-aa93-d16ebeef4706","Assembly Dashboard – Nicelydone Club","Settings page where the user configures their portal's brand name and image assets while viewing a live preview.","\u002Fexamples\u002Fapps\u002Fassembly-2\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd0642601-5eca-431f-aa93-d16ebeef4706.png","Assembly Dashboard – Nicelydone Club from Assembly AI App Builder","2026-05-25T20:17:51.000Z",[109,117,119],{"id":110,"label":111,"slug":112,"rank":49,"group":113},94,"Account Settings","account-settings",{"id":114,"label":115,"slug":116},10,"Settings & Admin","settings-and-admin",{"id":61,"label":62,"slug":63,"rank":58,"group":118},{"id":51,"label":52,"slug":53},{"id":120,"label":121,"slug":122,"rank":51,"group":123},91,"Trial","trial",{"id":124,"label":125,"slug":126},9,"Plans & Limits","plans-and-limits",[],{"slug":129,"title":130,"logo":131,"baseline":132,"categories":133},"assembly-2","Assembly AI App Builder","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fe0ead769-d687-403b-a7bd-124ca7356944.png","AI-powered platform for professional services firms to build client portals and CRM tools",[134,138,142,143],{"id":135,"title":136,"slug":137},53,"CRM","crm",{"id":139,"title":140,"slug":141},90,"Business","business",{"id":89,"title":90,"slug":91},{"id":144,"title":145,"slug":146},96,"No code","no-code",{"uuid":148,"title":149,"description":150,"canonical_path":151,"image":152,"width":39,"height":40,"image_alt":153,"published_at":154,"kind":43,"patterns":155,"component_categories":173,"app":187},"199509fb-76d7-4e8f-85ba-6a6ced04b3d3","Bertrand Bruandet (@b_nicelydone)","Profile detail page where the user edits their name, bio, location, and website via a centered modal.","\u002Fexamples\u002Fapps\u002Flovable\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F199509fb-76d7-4e8f-85ba-6a6ced04b3d3.png","Bertrand Bruandet (@b_nicelydone) from Lovable","2026-05-18T10:58:24.000Z",[156,158,165],{"id":55,"label":56,"slug":57,"rank":49,"group":157},{"id":51,"label":52,"slug":53},{"id":159,"label":160,"slug":161,"rank":58,"group":162},3,"Profile","profile",{"id":55,"label":163,"slug":164},"Social & Collaboration","social-and-collaboration",{"id":166,"label":167,"slug":168,"rank":51,"group":169},42,"Form","form",{"id":170,"label":171,"slug":172},4,"Data & Analysis","data-and-analysis",[174,178,182,186],{"id":175,"title":176,"slug":177},284,"Modal","modal",{"id":179,"title":180,"slug":181},240,"Horizontal navigation","horizontal-navigation",{"id":183,"title":184,"slug":185},169,"Avatar","avatar",{"id":79,"title":80,"slug":81},{"slug":188,"title":189,"logo":190,"baseline":191,"categories":192},"lovable","Lovable","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F371498a3-d8de-4908-8af8-e73a603ffa34.png","Create apps and websites by chatting with AI",[193,194,197],{"id":89,"title":90,"slug":91},{"id":46,"title":195,"slug":196},"Web Development","web-development",{"id":144,"title":145,"slug":146},{"uuid":199,"title":200,"description":201,"canonical_path":202,"image":203,"width":39,"height":204,"image_alt":205,"published_at":206,"kind":43,"patterns":207,"component_categories":214,"app":221},"97767262-3b33-4973-be82-da05ea090bda","Attio","Settings page where the user manages their personal details, including profile picture, name, email addresses, and time preferences.","\u002Fexamples\u002Fapps\u002Fattio\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F97767262-3b33-4973-be82-da05ea090bda.png",1780,"Attio from Attio","2025-11-17T19:51:50.000Z",[208,210,212],{"id":110,"label":111,"slug":112,"rank":49,"group":209},{"id":114,"label":115,"slug":116},{"id":159,"label":160,"slug":161,"rank":58,"group":211},{"id":55,"label":163,"slug":164},{"id":55,"label":56,"slug":57,"rank":51,"group":213},{"id":51,"label":52,"slug":53},[215,219,220],{"id":216,"title":217,"slug":218},167,"Alert","alert",{"id":183,"title":184,"slug":185},{"id":79,"title":80,"slug":81},{"slug":222,"title":200,"logo":223,"baseline":224,"categories":225},"attio","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fattio-nqag2fca.png","Customer relationship magic",[226,227],{"id":135,"title":136,"slug":137},{"id":89,"title":90,"slug":91},{"uuid":229,"title":230,"description":231,"canonical_path":232,"image":233,"width":39,"height":204,"image_alt":234,"published_at":235,"kind":43,"patterns":236,"component_categories":241,"app":244},"d04332f7-5b28-4a42-96e1-1ce18cdd9784","Settings - Circleback","Settings page where the user configures their company name, the display name and image for the meeting bot, and meeting recording preferences.","\u002Fexamples\u002Fapps\u002Fcircleback\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd04332f7-5b28-4a42-96e1-1ce18cdd9784.png","Settings - Circleback from Circleback","2025-10-13T14:40:38.000Z",[237,239],{"id":110,"label":111,"slug":112,"rank":49,"group":238},{"id":114,"label":115,"slug":116},{"id":55,"label":56,"slug":57,"rank":58,"group":240},{"id":51,"label":52,"slug":53},[242,243],{"id":183,"title":184,"slug":185},{"id":79,"title":80,"slug":81},{"slug":245,"title":246,"logo":247,"baseline":248,"categories":249},"circleback","Circleback","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcircleback-srajedn3.png","Unbelievably good meeting notes",[250,254,258,262],{"id":251,"title":252,"slug":253},30,"Productivity","productivity",{"id":255,"title":256,"slug":257},82,"Communication","communication",{"id":259,"title":260,"slug":261},22,"Knowledge Management","knowledge-management",{"id":89,"title":90,"slug":91},{"uuid":264,"title":265,"description":266,"canonical_path":267,"image":268,"width":39,"height":204,"image_alt":269,"published_at":270,"kind":43,"patterns":271,"component_categories":279,"app":282},"122d672b-b642-4d4d-bb1d-5fd2467983c5","Slite","Settings page where the user configures general workspace details like the logo, workspace name, custom domain, and default welcome documents.","\u002Fexamples\u002Fapps\u002Fslite\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F122d672b-b642-4d4d-bb1d-5fd2467983c5.png","Slite from Slite","2025-09-22T15:17:02.000Z",[272,274],{"id":110,"label":111,"slug":112,"rank":49,"group":273},{"id":114,"label":115,"slug":116},{"id":275,"label":276,"slug":277,"rank":58,"group":278},104,"Team Management","team-management",{"id":114,"label":115,"slug":116},[280,281],{"id":183,"title":184,"slug":185},{"id":79,"title":80,"slug":81},{"slug":283,"title":265,"logo":284,"baseline":285,"categories":286},"slite","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fslite-265214fb.png","Put clarity at the center of your team",[287,288,289],{"id":259,"title":260,"slug":261},{"id":97,"title":98,"slug":99},{"id":89,"title":90,"slug":91},{"uuid":291,"title":292,"description":293,"canonical_path":294,"image":295,"width":39,"height":204,"image_alt":296,"published_at":297,"kind":43,"patterns":298,"component_categories":314,"app":323},"5163ba8c-ccad-4f79-b524-561f8c6647d3","Nicelydone · Glide","Settings page where the user configures the name, icon, and description for their application while viewing a live mobile preview.","\u002Fexamples\u002Fapps\u002Fglide\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5163ba8c-ccad-4f79-b524-561f8c6647d3.png","Nicelydone · Glide from Glide","2025-09-15T14:48:54.000Z",[299,304,306],{"id":300,"label":301,"slug":302,"rank":49,"group":303},102,"Settings","settings",{"id":114,"label":115,"slug":116},{"id":61,"label":62,"slug":63,"rank":58,"group":305},{"id":51,"label":52,"slug":53},{"id":307,"label":308,"slug":309,"rank":51,"group":310},58,"Media Editor","media-editor",{"id":311,"label":312,"slug":313},5,"Media & Tools","media-and-tools",[315,316,320,321,322],{"id":71,"title":72,"slug":73},{"id":317,"title":318,"slug":319},260,"Badge","badge",{"id":179,"title":180,"slug":181},{"id":183,"title":184,"slug":185},{"id":79,"title":80,"slug":81},{"slug":324,"title":325,"logo":326,"baseline":327,"categories":328},"glide","Glide","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fglide-688214ec.png","Create powerful apps and websites, without code",[329,330,334],{"id":46,"title":195,"slug":196},{"id":331,"title":332,"slug":333},54,"Mobile","mobile",{"id":144,"title":145,"slug":146},{"uuid":336,"title":337,"description":338,"canonical_path":339,"image":340,"width":39,"height":204,"image_alt":341,"published_at":342,"kind":43,"patterns":343,"component_categories":352,"app":358},"dc3668b1-b104-425e-9029-a82d6b5226db","Features › All","Settings modal where the user manages their account profile details, including uploading an avatar, managing email addresses, and connecting external accounts.","\u002Fexamples\u002Fapps\u002Freflag\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdc3668b1-b104-425e-9029-a82d6b5226db.png","Features › All from Reflag","2025-09-08T12:25:00.000Z",[344,346,348,350],{"id":110,"label":111,"slug":112,"rank":49,"group":345},{"id":114,"label":115,"slug":116},{"id":159,"label":160,"slug":161,"rank":58,"group":347},{"id":55,"label":163,"slug":164},{"id":55,"label":56,"slug":57,"rank":51,"group":349},{"id":51,"label":52,"slug":53},{"id":61,"label":62,"slug":63,"rank":159,"group":351},{"id":51,"label":52,"slug":53},[353,354,355,356,357],{"id":175,"title":176,"slug":177},{"id":75,"title":76,"slug":77},{"id":317,"title":318,"slug":319},{"id":183,"title":184,"slug":185},{"id":79,"title":80,"slug":81},{"slug":359,"title":360,"logo":361,"baseline":362,"categories":363},"reflag","Reflag","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Freflag-2wn2m5zj.png","Feature flags for SaaS that run on TypeScript",[364,368,372],{"id":365,"title":366,"slug":367},48,"Developer Tools","developer-tools",{"id":369,"title":370,"slug":371},35,"Feedback","feedback",{"id":373,"title":374,"slug":375},46,"Analytics","analytics",{"uuid":377,"title":378,"description":379,"canonical_path":380,"image":381,"width":39,"height":204,"image_alt":382,"published_at":383,"kind":43,"patterns":384,"component_categories":389,"app":397},"9e484e5d-a604-42c8-8b12-96246cc2531a","Settings | Nicelydone Club","Creation modal where the admin defines a new community value by providing a name and uploading an image.","\u002Fexamples\u002Fapps\u002Fmighty\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9e484e5d-a604-42c8-8b12-96246cc2531a.png","Settings | Nicelydone Club from Mighty","2025-09-01T19:09:04.000Z",[385,387],{"id":300,"label":301,"slug":302,"rank":49,"group":386},{"id":114,"label":115,"slug":116},{"id":61,"label":62,"slug":63,"rank":58,"group":388},{"id":51,"label":52,"slug":53},[390,394,395,396],{"id":391,"title":392,"slug":393},168,"Accordion","accordion",{"id":175,"title":176,"slug":177},{"id":183,"title":184,"slug":185},{"id":79,"title":80,"slug":81},{"slug":398,"title":399,"logo":400,"baseline":401,"categories":402},"mighty","Mighty","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fc0279d6a-b2eb-48fc-9c70-cb63d6da76f3.png","Community platform, courses & memberships",[403,407,410],{"id":404,"title":405,"slug":406},33,"E-Learning","e-learning",{"id":58,"title":408,"slug":409},"Communities","communities",{"id":411,"title":412,"slug":413},26,"Events","events",{"uuid":415,"title":416,"description":417,"canonical_path":418,"image":419,"width":39,"height":204,"image_alt":420,"published_at":421,"kind":43,"patterns":422,"component_categories":437,"app":445},"7788019e-c926-4025-b678-441f02fb1ebe","Chatbots - Nicelydone","Settings page where the user configures the visual theme of their chatbot, including avatars, logos, and embed icons, alongside a live interactive preview.","\u002Fexamples\u002Fapps\u002Fzapier\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7788019e-c926-4025-b678-441f02fb1ebe.png","Chatbots - Nicelydone from Zapier","2025-07-28T14:04:12.000Z",[423,429,431,433],{"id":404,"label":424,"slug":425,"rank":49,"group":426},"AI Settings","ai-settings",{"id":159,"label":427,"slug":428},"AI","ai",{"id":300,"label":301,"slug":302,"rank":58,"group":430},{"id":114,"label":115,"slug":116},{"id":307,"label":308,"slug":309,"rank":51,"group":432},{"id":311,"label":312,"slug":313},{"id":369,"label":434,"slug":435,"rank":159,"group":436},"Chatbot","chatbot",{"id":159,"label":427,"slug":428},[438,442,443,444],{"id":439,"title":440,"slug":441},223,"Slider","slider",{"id":317,"title":318,"slug":319},{"id":179,"title":180,"slug":181},{"id":79,"title":80,"slug":81},{"slug":446,"title":447,"logo":448,"baseline":449,"categories":450},"zapier","Zapier","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fzapier-6740bd20.png","Connect Your Apps and Automate Workflows",[451,455,456,457],{"id":452,"title":453,"slug":454},37,"Developer APIs","developer-apis",{"id":365,"title":366,"slug":367},{"id":89,"title":90,"slug":91},{"id":458,"title":459,"slug":460},105,"Workflow Automation","workflow-automation",{"uuid":462,"title":463,"description":464,"canonical_path":465,"image":466,"width":39,"height":204,"image_alt":467,"published_at":468,"kind":43,"patterns":469,"component_categories":484,"app":495},"bf8da08c-ee98-4670-af36-71a49627949d","Brand Guidelines: Presentation","Content editor where the user is building a brand guidelines presentation, currently editing a text block below an image.","\u002Fexamples\u002Fapps\u002Flingo\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbf8da08c-ee98-4670-af36-71a49627949d.png","Brand Guidelines: Presentation from Lingo","2025-07-21T12:34:41.000Z",[470,475,477,479],{"id":471,"label":472,"slug":473,"rank":49,"group":474},55,"Design Editor","design-editor",{"id":311,"label":312,"slug":313},{"id":55,"label":56,"slug":57,"rank":58,"group":476},{"id":51,"label":52,"slug":53},{"id":307,"label":308,"slug":309,"rank":51,"group":478},{"id":311,"label":312,"slug":313},{"id":480,"label":481,"slug":482,"rank":159,"group":483},24,"Share","share",{"id":51,"label":52,"slug":53},[485,489,493,494],{"id":486,"title":487,"slug":488},277,"Button group","button-group",{"id":490,"title":491,"slug":492},177,"Breadcrumb","breadcrumb",{"id":179,"title":180,"slug":181},{"id":79,"title":80,"slug":81},{"slug":496,"title":497,"logo":498,"baseline":499,"categories":500},"lingo","Lingo","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Flingo-13d0858f.png","Build your team's visual language",[501,502,503],{"id":93,"title":94,"slug":95},{"id":259,"title":260,"slug":261},{"id":504,"title":505,"slug":506},71,"File sharing","file-sharing",{"uuid":508,"title":509,"description":510,"canonical_path":511,"image":512,"width":39,"height":204,"image_alt":513,"published_at":514,"kind":43,"patterns":515,"component_categories":522,"app":530},"9a1ffde1-7095-4c3c-b2db-854f6220974b","Edit team | The Org","Settings page where the user uploads pictures for the Development team profile.","\u002Fexamples\u002Fapps\u002Fthe-org\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9a1ffde1-7095-4c3c-b2db-854f6220974b.png","Edit team | The Org from The org","2025-07-14T09:42:36.000Z",[516,518,520],{"id":275,"label":276,"slug":277,"rank":49,"group":517},{"id":114,"label":115,"slug":116},{"id":55,"label":56,"slug":57,"rank":58,"group":519},{"id":51,"label":52,"slug":53},{"id":61,"label":62,"slug":63,"rank":51,"group":521},{"id":51,"label":52,"slug":53},[523,524,525,526,527,528,529],{"id":490,"title":491,"slug":492},{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"id":317,"title":318,"slug":319},{"id":179,"title":180,"slug":181},{"id":183,"title":184,"slug":185},{"id":79,"title":80,"slug":81},{"slug":531,"title":532,"logo":533,"baseline":534,"categories":535},"the-org","The org","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fthe-org-d95f10a7.png","Where great teams live",[536],{"id":537,"title":538,"slug":539},49,"Social Network","social-network",[],[542,544,547,549,551,553,555,557,559,561,563,565,567,570,573,576,579,582,585,588,591,594,597,600],{"label":56,"to":543,"count":46},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":62,"to":545,"count":546},"\u002Fexamples\u002Fscreens\u002Fupload-and-download",6,{"label":111,"to":548,"count":311},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":308,"to":550,"count":159},"\u002Fexamples\u002Fscreens\u002Fmedia-editor",{"label":160,"to":552,"count":159},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":301,"to":554,"count":159},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":276,"to":556,"count":51},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":47,"to":558,"count":58},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":424,"to":560,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-settings",{"label":434,"to":562,"count":58},"\u002Fexamples\u002Fscreens\u002Fchatbot",{"label":472,"to":564,"count":58},"\u002Fexamples\u002Fscreens\u002Fdesign-editor",{"label":167,"to":566,"count":58},"\u002Fexamples\u002Fscreens\u002Fform",{"label":568,"to":569},"Flora design examples","\u002Fexamples\u002Fapps\u002Fflora",{"label":571,"to":572},"Assembly AI App Builder design examples","\u002Fexamples\u002Fapps\u002Fassembly-2",{"label":574,"to":575},"Lovable design examples","\u002Fexamples\u002Fapps\u002Flovable",{"label":577,"to":578},"Attio design examples","\u002Fexamples\u002Fapps\u002Fattio",{"label":580,"to":581},"Circleback design examples","\u002Fexamples\u002Fapps\u002Fcircleback",{"label":583,"to":584},"Slite design examples","\u002Fexamples\u002Fapps\u002Fslite",{"label":586,"to":587},"Glide design examples","\u002Fexamples\u002Fapps\u002Fglide",{"label":589,"to":590},"Reflag design examples","\u002Fexamples\u002Fapps\u002Freflag",{"label":592,"to":593},"Mighty design examples","\u002Fexamples\u002Fapps\u002Fmighty",{"label":595,"to":596},"Zapier design examples","\u002Fexamples\u002Fapps\u002Fzapier",{"label":598,"to":599},"Lingo design examples","\u002Fexamples\u002Fapps\u002Flingo",{"label":601,"to":602},"The org design examples","\u002Fexamples\u002Fapps\u002Fthe-org",{"published_at":604,"updated_at":605},"2024-12-12T16:27:09.000Z","2026-09-21T14:35:17.723Z"]