[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fflask":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":59,"showcases":60,"links":287,"dates":305},"\u002Fexamples\u002Fapps\u002Fflask","detail","apps",true,{"title":9,"description":10,"og_image":11},"Flask design examples - Nicelydone","Explore Flask UI design examples. Give detailed video feedback in minutes without typing comments","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe8d38731-32a9-4b6e-a554-d8d890a8a558.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Flask design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Flask",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fflask\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fflask\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fflask\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fflask\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"categories":46},"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",[47,51,55],{"id":48,"title":49,"slug":50},100,"Video","video",{"id":52,"title":53,"slug":54},23,"Collaboration","collaboration",{"id":56,"title":57,"slug":58},35,"Feedback","feedback",[],[61,278,281,284],{"family":62,"examples":63},"screens",[64,93,105,117,129,141,153,173,185,197,239,261],{"uuid":65,"title":66,"description":67,"canonical_path":29,"image":11,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":72,"component_categories":82,"app":91},"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",[73],{"id":74,"label":75,"slug":76,"rank":77,"group":78},4,"Sign In","sign-in",0,{"id":79,"label":80,"slug":81},1,"Access & Account","access-and-account",[83,87],{"id":84,"title":85,"slug":86},174,"Card","card",{"id":88,"title":89,"slug":90},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":92},[],{"uuid":94,"title":66,"description":95,"canonical_path":29,"image":96,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":97,"component_categories":100,"app":103},"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",[98],{"id":74,"label":75,"slug":76,"rank":77,"group":99},{"id":79,"label":80,"slug":81},[101,102],{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":104},[],{"uuid":106,"title":66,"description":107,"canonical_path":29,"image":108,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":109,"component_categories":112,"app":115},"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",[110],{"id":74,"label":75,"slug":76,"rank":77,"group":111},{"id":79,"label":80,"slug":81},[113,114],{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":116},[],{"uuid":118,"title":66,"description":119,"canonical_path":29,"image":120,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":121,"component_categories":124,"app":127},"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",[122],{"id":74,"label":75,"slug":76,"rank":77,"group":123},{"id":79,"label":80,"slug":81},[125,126],{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":128},[],{"uuid":130,"title":66,"description":131,"canonical_path":29,"image":132,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":133,"component_categories":136,"app":139},"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",[134],{"id":74,"label":75,"slug":76,"rank":77,"group":135},{"id":79,"label":80,"slug":81},[137,138],{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":140},[],{"uuid":142,"title":66,"description":143,"canonical_path":29,"image":144,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":145,"component_categories":148,"app":151},"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",[146],{"id":74,"label":75,"slug":76,"rank":77,"group":147},{"id":79,"label":80,"slug":81},[149,150],{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":152},[],{"uuid":154,"title":66,"description":155,"canonical_path":29,"image":156,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":157,"component_categories":168,"app":171},"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",[158,160],{"id":74,"label":75,"slug":76,"rank":77,"group":159},{"id":79,"label":80,"slug":81},{"id":161,"label":162,"slug":163,"rank":79,"group":164},116,"Error","error",{"id":165,"label":166,"slug":167},12,"States & Feedback","states-and-feedback",[169,170],{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":172},[],{"uuid":174,"title":66,"description":175,"canonical_path":29,"image":176,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":177,"component_categories":180,"app":183},"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",[178],{"id":74,"label":75,"slug":76,"rank":77,"group":179},{"id":79,"label":80,"slug":81},[181,182],{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":184},[],{"uuid":186,"title":66,"description":187,"canonical_path":29,"image":188,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":189,"component_categories":192,"app":195},"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",[190],{"id":74,"label":75,"slug":76,"rank":77,"group":191},{"id":79,"label":80,"slug":81},[193,194],{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":196},[],{"uuid":198,"title":66,"description":199,"canonical_path":29,"image":200,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":201,"component_categories":223,"app":237},"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",[202,210,215],{"id":203,"label":204,"slug":205,"rank":77,"group":206},74,"Onboarding Checklist","onboarding-checklist",{"id":207,"label":208,"slug":209},7,"Onboarding & Education","onboarding-and-education",{"id":211,"label":212,"slug":213,"rank":79,"group":214},115,"Empty State","empty-state",{"id":165,"label":166,"slug":167},{"id":216,"label":217,"slug":218,"rank":219,"group":220},25,"Upload & Download","upload-and-download",2,{"id":219,"label":221,"slug":222},"Actions","actions",[224,228,232,236],{"id":225,"title":226,"slug":227},277,"Button group","button-group",{"id":229,"title":230,"slug":231},169,"Avatar","avatar",{"id":233,"title":234,"slug":235},227,"Stepper","stepper",{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":238},[],{"uuid":240,"title":66,"description":241,"canonical_path":29,"image":242,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":243,"component_categories":252,"app":259},"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",[244,246,248],{"id":211,"label":212,"slug":213,"rank":77,"group":245},{"id":165,"label":166,"slug":167},{"id":216,"label":217,"slug":218,"rank":79,"group":247},{"id":219,"label":221,"slug":222},{"id":207,"label":249,"slug":250,"rank":219,"group":251},"Add & Create","add-and-create",{"id":219,"label":221,"slug":222},[253,257,258],{"id":254,"title":255,"slug":256},284,"Modal","modal",{"id":229,"title":230,"slug":231},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":260},[],{"uuid":262,"title":41,"description":263,"canonical_path":29,"image":264,"width":68,"height":69,"image_alt":265,"kind":71,"patterns":266,"component_categories":269,"app":276},"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",[267],{"id":203,"label":204,"slug":205,"rank":77,"group":268},{"id":207,"label":208,"slug":209},[270,274,275],{"id":271,"title":272,"slug":273},177,"Breadcrumb","breadcrumb",{"id":233,"title":234,"slug":235},{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":277},[],{"family":279,"examples":280},"flows",[],{"family":282,"examples":283},"components",[],{"family":285,"examples":286},"pages",[],[288,290,292,294,296,299,302],{"label":289,"to":29},"Flask product screens",{"label":291,"to":38},"Flask marketing pages",{"label":293,"to":32},"Flask user flows",{"label":295,"to":35},"Flask UI components",{"label":297,"to":298},"Video app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fvideo",{"label":300,"to":301},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":303,"to":304},"Feedback app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffeedback",{"published_at":306,"updated_at":307},"2026-07-20T13:23:10.000Z","2026-09-16T16:00:15.031Z"]