[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fflask\u002Fcomponents":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":200,"links":201,"dates":220},"\u002Fexamples\u002Fapps\u002Fflask\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Flask UI components examples - Nicelydone","Browse Flask UI component design examples. Preview individual interface elements and explore related component categories. Give detailed video feedback in…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa812552d-62b4-4b33-85e4-b5cbf84423e9.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 UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Flask UI component design examples. Preview individual interface elements and explore related component categories. 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,64,77,87,96,109,122,135,148,161,174,187],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"categories":57,"app":62},"aabf9bb7-2a39-40cf-b47e-9d05aa9b6354","Flask UI component","A dark mode confirmation dialog for deleting an asset, with a warning that the action cannot be undone, and options to cancel or delete.",797,427,"UI component from Flask","component",[58],{"id":59,"title":60,"slug":61},284,"Modal","modal",{"slug":31,"title":30,"logo":33,"categories":63},[],{"uuid":65,"title":51,"description":66,"canonical_path":4,"image":67,"width":68,"height":69,"image_alt":55,"kind":56,"categories":70,"app":75},"652b085b-e345-4011-83c7-2f3737bee478","A popover menu displaying asset versions and options within a digital asset management interface.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F95cb3df7-e202-40f2-9077-5a1df1cb25d7.png",946,421,[71],{"id":72,"title":73,"slug":74},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":76},[],{"uuid":78,"title":51,"description":79,"canonical_path":4,"image":80,"width":81,"height":82,"image_alt":55,"kind":56,"categories":83,"app":85},"35121d77-db35-4a9f-ba8b-4bce7cb4d04d","A contextual menu displaying actions for an asset, including copy link, rename, versions, and delete.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbac2c267-75e0-42df-ade6-8c5052b1573f.png",911,664,[84],{"id":72,"title":73,"slug":74},{"slug":31,"title":30,"logo":33,"categories":86},[],{"uuid":88,"title":51,"description":89,"canonical_path":4,"image":90,"width":68,"height":91,"image_alt":55,"kind":56,"categories":92,"app":94},"58c551ae-8194-48fc-90fa-e9d8df2a0f71","A popover menu providing options for microphone and camera input, along with keyboard shortcuts for recording feedback.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe9be4fb2-0212-41dd-b38d-3b1067c6cb48.png",461,[93],{"id":72,"title":73,"slug":74},{"slug":31,"title":30,"logo":33,"categories":95},[],{"uuid":97,"title":51,"description":98,"canonical_path":4,"image":99,"width":100,"height":101,"image_alt":55,"kind":56,"categories":102,"app":107},"4e102321-a64a-4e95-a7eb-d275ff563dbb","A top navigation bar displaying a file path, version number, and action buttons for viewing and sharing.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe9ca5d10-8d73-487b-879d-46c63dafbb49.png",3218,331,[103],{"id":104,"title":105,"slug":106},240,"Horizontal navigation","horizontal-navigation",{"slug":31,"title":30,"logo":33,"categories":108},[],{"uuid":110,"title":51,"description":111,"canonical_path":4,"image":112,"width":113,"height":114,"image_alt":55,"kind":56,"categories":115,"app":120},"ad1795d3-6746-4692-9fa3-babbb41b767a","A notification bar indicating asset processing status and feedback saving.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F60c10556-e46a-4f75-8583-ac03716e1efd.png",1403,322,[116],{"id":117,"title":118,"slug":119},244,"Message","message",{"slug":31,"title":30,"logo":33,"categories":121},[],{"uuid":123,"title":51,"description":124,"canonical_path":4,"image":125,"width":126,"height":127,"image_alt":55,"kind":56,"categories":128,"app":133},"9fddeceb-ba5f-4180-be5e-519359474bb0","A video player interface displaying a video of three people discussing plans in an unfinished room, with playback controls at the bottom.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F816a3903-5f16-4bec-b8bd-ffecf18cae92.png",2404,1401,[129],{"id":130,"title":131,"slug":132},238,"Video player","video-player",{"slug":31,"title":30,"logo":33,"categories":134},[],{"uuid":136,"title":51,"description":137,"canonical_path":4,"image":138,"width":139,"height":140,"image_alt":55,"kind":56,"categories":141,"app":146},"2e5e63a4-95a5-42d6-8c11-03e9368bdf18","A modal window presenting a vertical list of actions or steps, with one item marked as completed and others pending.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F11998e16-6a01-4aac-b5b2-992c8c93673b.png",706,543,[142],{"id":143,"title":144,"slug":145},227,"Stepper","stepper",{"slug":31,"title":30,"logo":33,"categories":147},[],{"uuid":149,"title":51,"description":150,"canonical_path":4,"image":151,"width":152,"height":153,"image_alt":55,"kind":56,"categories":154,"app":159},"79aeeda4-8053-4fea-ba2a-fe13ef3d8ce9","A modal presenting options for providing feedback, including uploading an asset, recording, or typing feedback.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fee57472a-c8eb-4a51-95de-d61008e62342.png",587,511,[155],{"id":156,"title":157,"slug":158},179,"Checkbox & radio","checkbox-radio",{"slug":31,"title":30,"logo":33,"categories":160},[],{"uuid":162,"title":51,"description":163,"canonical_path":4,"image":164,"width":165,"height":166,"image_alt":55,"kind":56,"categories":167,"app":172},"ee0fef7a-4b40-40f7-9f78-37507b5a3bf5","A dark mode sidebar navigation menu displaying a logo, user account information, and primary navigation links.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2ce6bd65-5321-4d4f-8b8a-c60d801381e2.png",593,1846,[168],{"id":169,"title":170,"slug":171},209,"Vertical navigation","vertical-navigation",{"slug":31,"title":30,"logo":33,"categories":173},[],{"uuid":175,"title":51,"description":176,"canonical_path":4,"image":177,"width":178,"height":179,"image_alt":55,"kind":56,"categories":180,"app":185},"e71c8c33-f77b-4b42-8374-b242cbfe11a7","A modal or card interface for uploading assets or selecting from integrated services to provide feedback.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F49c71e7e-84aa-4229-848b-dd78591ac8a0.png",1117,786,[181],{"id":182,"title":183,"slug":184},188,"File upload input","file-upload-input",{"slug":31,"title":30,"logo":33,"categories":186},[],{"uuid":188,"title":51,"description":189,"canonical_path":4,"image":190,"width":191,"height":192,"image_alt":55,"kind":56,"categories":193,"app":198},"b1f4f9f7-b05f-4e4d-aaea-94c5723633f7","A list of frequently asked questions (FAQ) presented in an accordion-like structure within a dark-themed interface.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F446ac51d-edeb-49b1-8371-fc008fe65dd9.png",2048,1423,[194],{"id":195,"title":196,"slug":197},189,"FAQ","faq",{"slug":31,"title":30,"logo":33,"categories":199},[],[],[202,205,208,211,214,217],{"label":203,"to":204},"Flask product screens","\u002Fexamples\u002Fapps\u002Fflask\u002Fscreens",{"label":206,"to":207},"Flask marketing pages","\u002Fexamples\u002Fapps\u002Fflask\u002Fmarketing",{"label":209,"to":210},"Flask user flows","\u002Fexamples\u002Fapps\u002Fflask\u002Fflows",{"label":212,"to":213},"Video app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fvideo",{"label":215,"to":216},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":218,"to":219},"Feedback app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffeedback",{"published_at":221,"updated_at":222},"2026-07-20T13:23:10.000Z","2026-09-13T13:02:39.000Z"]