[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fflask\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":48,"showcases":263,"links":264,"dates":286},"\u002Fexamples\u002Fapps\u002Fflask\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Flask product screens examples - Nicelydone","Browse Flask screen design examples. Preview the interface screenshots and explore related UI patterns. Give detailed video feedback in minutes without…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe8d38731-32a9-4b6e-a554-d8d890a8a558.png",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Flask design examples","\u002Fexamples\u002Fapps\u002Fflask",{"label":23,"to":4},"Flask product screens examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Flask screen design examples. Preview the interface screenshots and explore related UI patterns. Give detailed video feedback in minutes without typing comments",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Flask","flask","Give detailed video feedback in minutes without typing comments","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffb0bfd95-becd-46ec-9917-a82dd6bbe601.png","https:\u002F\u002Fflask.do",[36,40,44],{"id":37,"title":38,"slug":39},100,"Video","video",{"id":41,"title":42,"slug":43},23,"Collaboration","collaboration",{"id":45,"title":46,"slug":47},35,"Feedback","feedback",[49,78,90,102,114,126,138,158,170,182,224,246],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":57,"component_categories":67,"app":76},"e8d38731-32a9-4b6e-a554-d8d890a8a558","Login | Flask","Sign-in screen where the user authenticates with Google or email, featuring a playful physical ID badge and lanyard design.",3024,1758,"Login | Flask from Flask","screen",[58],{"id":59,"label":60,"slug":61,"rank":62,"group":63},4,"Sign In","sign-in",0,{"id":64,"label":65,"slug":66},1,"Access & Account","access-and-account",[68,72],{"id":69,"title":70,"slug":71},174,"Card","card",{"id":73,"title":74,"slug":75},175,"Button","button",{"slug":31,"title":30,"logo":33,"categories":77},[],{"uuid":79,"title":51,"description":80,"canonical_path":4,"image":81,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":82,"component_categories":85,"app":88},"284da7c8-14c5-480b-ad71-5c61f68d563e","Sign-in screen where the user authenticates with Google or email, presented within a skeuomorphic ID badge design.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F284da7c8-14c5-480b-ad71-5c61f68d563e.png",[83],{"id":59,"label":60,"slug":61,"rank":62,"group":84},{"id":64,"label":65,"slug":66},[86,87],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":89},[],{"uuid":91,"title":51,"description":92,"canonical_path":4,"image":93,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":94,"component_categories":97,"app":100},"1091b566-baf2-4d66-b0b1-21ab876673df","Sign-in screen where the user authenticates with Google or email, presented creatively as a hanging ID badge.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1091b566-baf2-4d66-b0b1-21ab876673df.png",[95],{"id":59,"label":60,"slug":61,"rank":62,"group":96},{"id":64,"label":65,"slug":66},[98,99],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":101},[],{"uuid":103,"title":51,"description":104,"canonical_path":4,"image":105,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":106,"component_categories":109,"app":112},"ae7d652d-5f10-4df8-b3a0-e25557fdc579","Sign-in screen featuring a skeuomorphic ID badge design where the user can authenticate with Google or via an email magic link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fae7d652d-5f10-4df8-b3a0-e25557fdc579.png",[107],{"id":59,"label":60,"slug":61,"rank":62,"group":108},{"id":64,"label":65,"slug":66},[110,111],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":113},[],{"uuid":115,"title":51,"description":116,"canonical_path":4,"image":117,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":118,"component_categories":121,"app":124},"e5a195be-95eb-4868-9d37-281ceb12b3b4","Sign-in screen where the user authenticates via Google OAuth or by requesting a magic link to their email, presented within a physical ID badge design.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe5a195be-95eb-4868-9d37-281ceb12b3b4.png",[119],{"id":59,"label":60,"slug":61,"rank":62,"group":120},{"id":64,"label":65,"slug":66},[122,123],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":125},[],{"uuid":127,"title":51,"description":128,"canonical_path":4,"image":129,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":130,"component_categories":133,"app":136},"9edfcda0-c3d6-44dc-9a60-233cb994a06b","Sign-in screen where the user authenticates via Google OAuth or an email input inside a physical ID badge themed card.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9edfcda0-c3d6-44dc-9a60-233cb994a06b.png",[131],{"id":59,"label":60,"slug":61,"rank":62,"group":132},{"id":64,"label":65,"slug":66},[134,135],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":137},[],{"uuid":139,"title":51,"description":140,"canonical_path":4,"image":141,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":142,"component_categories":153,"app":156},"77a69bb6-ea0a-47be-a59d-2354b7a470cd","Signin screen styled as a physical ID badge where the user authenticates with Google or email, currently showing a validation error for an incomplete email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F77a69bb6-ea0a-47be-a59d-2354b7a470cd.png",[143,145],{"id":59,"label":60,"slug":61,"rank":62,"group":144},{"id":64,"label":65,"slug":66},{"id":146,"label":147,"slug":148,"rank":64,"group":149},116,"Error","error",{"id":150,"label":151,"slug":152},12,"States & Feedback","states-and-feedback",[154,155],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":157},[],{"uuid":159,"title":51,"description":160,"canonical_path":4,"image":161,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":162,"component_categories":165,"app":168},"ec928aea-3957-4ddc-928a-6df07d83a55d","Sign-in screen where the user authenticates via Google or by entering their email address inside a physical badge-styled card.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fec928aea-3957-4ddc-928a-6df07d83a55d.png",[163],{"id":59,"label":60,"slug":61,"rank":62,"group":164},{"id":64,"label":65,"slug":66},[166,167],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":169},[],{"uuid":171,"title":51,"description":172,"canonical_path":4,"image":173,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":174,"component_categories":177,"app":180},"61728635-c177-4939-a24d-e1cd40fb67bb","Sign-in screen styled as an ID badge where the user can authenticate with Google or check their email for a magic link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F61728635-c177-4939-a24d-e1cd40fb67bb.png",[175],{"id":59,"label":60,"slug":61,"rank":62,"group":176},{"id":64,"label":65,"slug":66},[178,179],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":181},[],{"uuid":183,"title":51,"description":184,"canonical_path":4,"image":185,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":186,"component_categories":208,"app":222},"5d015c86-94b7-4d37-b4a5-f8f398a8fce3","Home screen in an empty state where the user is prompted to drop an asset or connect a drive to begin giving feedback, accompanied by a getting-started checklist.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5d015c86-94b7-4d37-b4a5-f8f398a8fce3.png",[187,195,200],{"id":188,"label":189,"slug":190,"rank":62,"group":191},74,"Onboarding Checklist","onboarding-checklist",{"id":192,"label":193,"slug":194},7,"Onboarding & Education","onboarding-and-education",{"id":196,"label":197,"slug":198,"rank":64,"group":199},115,"Empty State","empty-state",{"id":150,"label":151,"slug":152},{"id":201,"label":202,"slug":203,"rank":204,"group":205},25,"Upload & Download","upload-and-download",2,{"id":204,"label":206,"slug":207},"Actions","actions",[209,213,217,221],{"id":210,"title":211,"slug":212},277,"Button group","button-group",{"id":214,"title":215,"slug":216},169,"Avatar","avatar",{"id":218,"title":219,"slug":220},227,"Stepper","stepper",{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":223},[],{"uuid":225,"title":51,"description":226,"canonical_path":4,"image":227,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":228,"component_categories":237,"app":244},"b410ae84-08db-4765-9f61-ac9f47149927","Home screen in an empty state showing a centered menu to upload an asset, record feedback, or type feedback, while an upload starts in the background.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb410ae84-08db-4765-9f61-ac9f47149927.png",[229,231,233],{"id":196,"label":197,"slug":198,"rank":62,"group":230},{"id":150,"label":151,"slug":152},{"id":201,"label":202,"slug":203,"rank":64,"group":232},{"id":204,"label":206,"slug":207},{"id":192,"label":234,"slug":235,"rank":204,"group":236},"Add & Create","add-and-create",{"id":204,"label":206,"slug":207},[238,242,243],{"id":239,"title":240,"slug":241},284,"Modal","modal",{"id":214,"title":215,"slug":216},{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":245},[],{"uuid":247,"title":30,"description":248,"canonical_path":4,"image":249,"width":53,"height":54,"image_alt":250,"kind":56,"patterns":251,"component_categories":254,"app":261},"28d1b4a5-b294-4c88-a364-7325c6da222b","Onboarding screen featuring a centered vertical checklist tracking the user's progress through asset upload and feedback steps.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F28d1b4a5-b294-4c88-a364-7325c6da222b.png","Flask from Flask",[252],{"id":188,"label":189,"slug":190,"rank":62,"group":253},{"id":192,"label":193,"slug":194},[255,259,260],{"id":256,"title":257,"slug":258},177,"Breadcrumb","breadcrumb",{"id":218,"title":219,"slug":220},{"id":69,"title":70,"slug":71},{"slug":31,"title":30,"logo":33,"categories":262},[],[],[265,267,269,271,273,275,277,280,283],{"label":60,"to":266},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":197,"to":268},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":189,"to":270},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":202,"to":272},"\u002Fexamples\u002Fscreens\u002Fupload-and-download",{"label":234,"to":274,"count":64},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":147,"to":276,"count":64},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":278,"to":279},"Video app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fvideo",{"label":281,"to":282},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":284,"to":285},"Feedback app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffeedback",{"published_at":287,"updated_at":288},"2026-07-20T13:23:10.000Z","2026-09-16T16:00:15.031Z"]