[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fflora\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":333,"links":334,"dates":368},"\u002Fexamples\u002Fapps\u002Fflora\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Flora product screens examples - Nicelydone","Browse Flora screen design examples. Preview the interface screenshots and explore related UI patterns. Your creative environement","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F16cf83a0-b7e4-45d3-95fc-47e6fd32e9d6.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},"Flora design examples","\u002Fexamples\u002Fapps\u002Fflora",{"label":23,"to":4},"Flora product screens examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"categories":34},"Flora","flora","Your creative environement","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5c3c6f99-7e88-4853-9e21-6fd175f2aa62.png","https:\u002F\u002Fflora.ai",[35,39,43],{"id":36,"title":37,"slug":38},80,"Artificial Intelligence","artificial-intelligence",{"id":40,"title":41,"slug":42},8,"Design","design",{"id":44,"title":45,"slug":46},23,"Collaboration","collaboration",[48,78,116,155,180,202,224,239,255,274,290,312],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":56,"component_categories":75,"app":76},"16cf83a0-b7e4-45d3-95fc-47e6fd32e9d6","FLORA - Untitled","Home page in an initial loading state, displaying a personalized welcome message and a logo on a dark background.",3024,1758,"FLORA - Untitled from Flora","screen",[57,66],{"id":58,"label":59,"slug":60,"rank":61,"group":62},120,"Loading","loading",0,{"id":63,"label":64,"slug":65},12,"States & Feedback","states-and-feedback",{"id":67,"label":68,"slug":69,"rank":70,"group":71},77,"Welcome","welcome",1,{"id":72,"label":73,"slug":74},7,"Onboarding & Education","onboarding-and-education",[],{"slug":30,"title":29,"logo":32,"categories":77},[],{"uuid":79,"title":50,"description":80,"canonical_path":4,"image":81,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":82,"component_categories":105,"app":114},"e9187c4e-589b-4e8a-833c-ec4dcd7cf6ce","Creation screen where the user selects a starting template for an AI generation project, such as a fashion editorial or product variations.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe9187c4e-589b-4e8a-833c-ec4dcd7cf6ce.png",[83,90,98],{"id":72,"label":84,"slug":85,"rank":61,"group":86},"Add & Create","add-and-create",{"id":87,"label":88,"slug":89},2,"Actions","actions",{"id":91,"label":92,"slug":93,"rank":70,"group":94},30,"AI Generation","ai-generation",{"id":95,"label":96,"slug":97},3,"AI","ai",{"id":99,"label":100,"slug":101,"rank":87,"group":102},86,"Templates","templates",{"id":40,"label":103,"slug":104},"Pages & Content","pages-and-content",[106,110],{"id":107,"title":108,"slug":109},174,"Card","card",{"id":111,"title":112,"slug":113},169,"Avatar","avatar",{"slug":30,"title":29,"logo":32,"categories":115},[],{"uuid":117,"title":50,"description":118,"canonical_path":4,"image":119,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":120,"component_categories":139,"app":153},"990a9b77-a38c-4823-a76e-3a60eddf07ea","Design editor canvas where the user can build techniques on a dot grid or use the right-hand AI assistant to start a new chat with suggested prompts.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F990a9b77-a38c-4823-a76e-3a60eddf07ea.png",[121,126,131],{"id":122,"label":123,"slug":124,"rank":61,"group":125},27,"AI Assistant","ai-assistant",{"id":95,"label":96,"slug":97},{"id":127,"label":128,"slug":129,"rank":70,"group":130},28,"AI Chat","ai-chat",{"id":95,"label":96,"slug":97},{"id":132,"label":133,"slug":134,"rank":87,"group":135},55,"Design Editor","design-editor",{"id":136,"label":137,"slug":138},5,"Media & Tools","media-and-tools",[140,144,148,149],{"id":141,"title":142,"slug":143},277,"Button group","button-group",{"id":145,"title":146,"slug":147},260,"Badge","badge",{"id":111,"title":112,"slug":113},{"id":150,"title":151,"slug":152},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":154},[],{"uuid":156,"title":50,"description":157,"canonical_path":4,"image":158,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":159,"component_categories":172,"app":178},"42a28045-8a1a-41d9-b352-a0ed8cafef52","Settings modal where the user is prompted to create their first skill to shape how the AI agent responds.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F42a28045-8a1a-41d9-b352-a0ed8cafef52.png",[160,162,167],{"id":72,"label":84,"slug":85,"rank":61,"group":161},{"id":87,"label":88,"slug":89},{"id":163,"label":164,"slug":165,"rank":70,"group":166},33,"AI Settings","ai-settings",{"id":95,"label":96,"slug":97},{"id":168,"label":169,"slug":170,"rank":87,"group":171},115,"Empty State","empty-state",{"id":63,"label":64,"slug":65},[173,177],{"id":174,"title":175,"slug":176},284,"Modal","modal",{"id":150,"title":151,"slug":152},{"slug":30,"title":29,"logo":32,"categories":179},[],{"uuid":181,"title":50,"description":182,"canonical_path":4,"image":183,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":184,"component_categories":197,"app":200},"11583cbd-309a-42c2-962a-485850e51eb2","Modal where the user creates a new AI skill by defining its name and specific behavioral instructions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F11583cbd-309a-42c2-962a-485850e51eb2.png",[185,187,192],{"id":72,"label":84,"slug":85,"rank":61,"group":186},{"id":87,"label":88,"slug":89},{"id":188,"label":189,"slug":190,"rank":70,"group":191},26,"AI Agent","ai-agent",{"id":95,"label":96,"slug":97},{"id":193,"label":194,"slug":195,"rank":87,"group":196},29,"AI Editing","ai-editing",{"id":95,"label":96,"slug":97},[198,199],{"id":174,"title":175,"slug":176},{"id":150,"title":151,"slug":152},{"slug":30,"title":29,"logo":32,"categories":201},[],{"uuid":203,"title":50,"description":204,"canonical_path":4,"image":205,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":206,"component_categories":219,"app":222},"eb3b9cfd-ca09-4914-bd6d-20b5ec1ab1fb","Creation modal where the user configures a new AI skill by setting its name and custom instructions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Feb3b9cfd-ca09-4914-bd6d-20b5ec1ab1fb.png",[207,209,211],{"id":72,"label":84,"slug":85,"rank":61,"group":208},{"id":87,"label":88,"slug":89},{"id":91,"label":92,"slug":93,"rank":70,"group":210},{"id":95,"label":96,"slug":97},{"id":212,"label":213,"slug":214,"rank":87,"group":215},42,"Form","form",{"id":216,"label":217,"slug":218},4,"Data & Analysis","data-and-analysis",[220,221],{"id":174,"title":175,"slug":176},{"id":150,"title":151,"slug":152},{"slug":30,"title":29,"logo":32,"categories":223},[],{"uuid":225,"title":50,"description":226,"canonical_path":4,"image":227,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":228,"component_categories":235,"app":237},"8b5fae57-d176-40ee-9aff-4ff386d2e64b","Creation modal where the user names a new AI skill and writes its system instructions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8b5fae57-d176-40ee-9aff-4ff386d2e64b.png",[229,231,233],{"id":72,"label":84,"slug":85,"rank":61,"group":230},{"id":87,"label":88,"slug":89},{"id":193,"label":194,"slug":195,"rank":70,"group":232},{"id":95,"label":96,"slug":97},{"id":212,"label":213,"slug":214,"rank":87,"group":234},{"id":216,"label":217,"slug":218},[236],{"id":174,"title":175,"slug":176},{"slug":30,"title":29,"logo":32,"categories":238},[],{"uuid":240,"title":50,"description":241,"canonical_path":4,"image":242,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":243,"component_categories":250,"app":253},"59332494-5e74-47e1-a108-cdbfad9ccdec","Modal overlay where the user creates a new AI skill by naming it and providing detailed system instructions, currently in a saving state.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F59332494-5e74-47e1-a108-cdbfad9ccdec.png",[244,246,248],{"id":72,"label":84,"slug":85,"rank":61,"group":245},{"id":87,"label":88,"slug":89},{"id":91,"label":92,"slug":93,"rank":70,"group":247},{"id":95,"label":96,"slug":97},{"id":58,"label":59,"slug":60,"rank":87,"group":249},{"id":63,"label":64,"slug":65},[251,252],{"id":174,"title":175,"slug":176},{"id":150,"title":151,"slug":152},{"slug":30,"title":29,"logo":32,"categories":254},[],{"uuid":256,"title":50,"description":257,"canonical_path":4,"image":258,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":259,"component_categories":269,"app":272},"945ef2ad-3a94-4301-931d-c9ab2a112bb0","Settings modal where the user manages skills that shape how the FAUNA AI responds, showing a success notification after creating a product shot angle exploration skill.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F945ef2ad-3a94-4301-931d-c9ab2a112bb0.png",[260,262,264],{"id":163,"label":164,"slug":165,"rank":61,"group":261},{"id":95,"label":96,"slug":97},{"id":193,"label":194,"slug":195,"rank":70,"group":263},{"id":95,"label":96,"slug":97},{"id":265,"label":266,"slug":267,"rank":87,"group":268},122,"Success","success",{"id":63,"label":64,"slug":65},[270,271],{"id":174,"title":175,"slug":176},{"id":150,"title":151,"slug":152},{"slug":30,"title":29,"logo":32,"categories":273},[],{"uuid":275,"title":50,"description":276,"canonical_path":4,"image":277,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":278,"component_categories":285,"app":288},"b6f97b74-ad34-4b4b-b946-bedb0e02f36d","AI image generation workspace where the user is drafting a prompt for product photos of a sneaker in the right-hand chat panel.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb6f97b74-ad34-4b4b-b946-bedb0e02f36d.png",[279,281,283],{"id":91,"label":92,"slug":93,"rank":61,"group":280},{"id":95,"label":96,"slug":97},{"id":127,"label":128,"slug":129,"rank":70,"group":282},{"id":95,"label":96,"slug":97},{"id":132,"label":133,"slug":134,"rank":87,"group":284},{"id":136,"label":137,"slug":138},[286,287],{"id":145,"title":146,"slug":147},{"id":150,"title":151,"slug":152},{"slug":30,"title":29,"logo":32,"categories":289},[],{"uuid":291,"title":50,"description":292,"canonical_path":4,"image":293,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":294,"component_categories":307,"app":310},"ed2a2b5e-a8fa-41fa-8da3-0c8359bd8ff2","AI generation workspace featuring a dot-grid canvas and a sidebar chat assistant with starter prompt suggestions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fed2a2b5e-a8fa-41fa-8da3-0c8359bd8ff2.png",[295,297,299],{"id":122,"label":123,"slug":124,"rank":61,"group":296},{"id":95,"label":96,"slug":97},{"id":91,"label":92,"slug":93,"rank":70,"group":298},{"id":95,"label":96,"slug":97},{"id":300,"label":301,"slug":302,"rank":87,"group":303},71,"Workspace Switcher","workspace-switcher",{"id":304,"label":305,"slug":306},6,"Navigation & Commands","navigation-and-commands",[308,309],{"id":111,"title":112,"slug":113},{"id":150,"title":151,"slug":152},{"slug":30,"title":29,"logo":32,"categories":311},[],{"uuid":313,"title":50,"description":314,"canonical_path":4,"image":315,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":316,"component_categories":323,"app":331},"bc4eb4b4-6f46-408e-afec-20823d1c1a0b","AI generation workspace where the user can prompt for product photos on a blank canvas using a side chat panel.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbc4eb4b4-6f46-408e-afec-20823d1c1a0b.png",[317,319,321],{"id":127,"label":128,"slug":129,"rank":61,"group":318},{"id":95,"label":96,"slug":97},{"id":91,"label":92,"slug":93,"rank":70,"group":320},{"id":95,"label":96,"slug":97},{"id":132,"label":133,"slug":134,"rank":87,"group":322},{"id":136,"label":137,"slug":138},[324,328,329,330],{"id":325,"title":326,"slug":327},240,"Horizontal navigation","horizontal-navigation",{"id":145,"title":146,"slug":147},{"id":111,"title":112,"slug":113},{"id":150,"title":151,"slug":152},{"slug":30,"title":29,"logo":32,"categories":332},[],[],[335,337,339,341,343,345,347,349,351,353,355,357,359,362,365],{"label":84,"to":336},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":92,"to":338},"\u002Fexamples\u002Fscreens\u002Fai-generation",{"label":128,"to":340},"\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":194,"to":342},"\u002Fexamples\u002Fscreens\u002Fai-editing",{"label":133,"to":344,"count":95},"\u002Fexamples\u002Fscreens\u002Fdesign-editor",{"label":123,"to":346,"count":87},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":164,"to":348,"count":87},"\u002Fexamples\u002Fscreens\u002Fai-settings",{"label":213,"to":350,"count":87},"\u002Fexamples\u002Fscreens\u002Fform",{"label":59,"to":352,"count":87},"\u002Fexamples\u002Fscreens\u002Floading",{"label":189,"to":354,"count":70},"\u002Fexamples\u002Fscreens\u002Fai-agent",{"label":169,"to":356,"count":70},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":266,"to":358,"count":70},"\u002Fexamples\u002Fscreens\u002Fsuccess",{"label":360,"to":361},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":363,"to":364},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":366,"to":367},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"published_at":369,"updated_at":370},"2026-05-16T16:27:57.000Z","2026-09-13T13:02:39.000Z"]