[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fflora\u002Fcomponents":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":197,"links":198,"dates":217},"\u002Fexamples\u002Fapps\u002Fflora\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Flora UI components examples - Nicelydone","Browse Flora UI component design examples. Preview individual interface elements and explore related component categories. Your creative environement","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd032a638-86ff-490f-9ef8-b1fd629fe8fe.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 UI components 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,63,73,86,99,112,122,135,148,161,174,187],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"categories":56,"app":61},"e8962cc8-5c31-4b54-be9c-bfbd614e906c","Flora UI component","A user interface displaying editor seat allocation with a quantity selector.",618,432,"UI component from Flora","component",[57],{"id":58,"title":59,"slug":60},213,"Progress indicator","progress-indicator",{"slug":30,"title":29,"logo":32,"categories":62},[],{"uuid":64,"title":50,"description":65,"canonical_path":4,"image":66,"width":67,"height":68,"image_alt":54,"kind":55,"categories":69,"app":71},"a0ee146d-355e-4900-9116-b5ddcc97388c","Display of monthly usage statistics with a progress bar indicating 100% usage.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F06473785-f0bf-43ae-b0a2-dc49f94d329e.png",725,279,[70],{"id":58,"title":59,"slug":60},{"slug":30,"title":29,"logo":32,"categories":72},[],{"uuid":74,"title":50,"description":75,"canonical_path":4,"image":76,"width":77,"height":78,"image_alt":54,"kind":55,"categories":79,"app":84},"6f7ce501-d13f-42fb-b3d0-d56edfcd985a","An empty state screen for a trash or recently deleted projects section, featuring a central icon, a main heading, a descriptive subtitle, and a call-to-action button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7718a8db-94ad-4243-acdd-b7dbe43accb4.png",719,562,[80],{"id":81,"title":82,"slug":83},302,"Empty state","emptystate",{"slug":30,"title":29,"logo":32,"categories":85},[],{"uuid":87,"title":50,"description":88,"canonical_path":4,"image":89,"width":90,"height":91,"image_alt":54,"kind":55,"categories":92,"app":97},"872139a6-f045-4f71-884b-94183bab960a","A vertical navigation sidebar displaying user profile, main menu items, project lists, workspace categories, and utility actions with a usage indicator.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9813079b-2108-4bed-9ec6-7d30f2ec8846.png",567,1756,[93],{"id":94,"title":95,"slug":96},209,"Vertical navigation","vertical-navigation",{"slug":30,"title":29,"logo":32,"categories":98},[],{"uuid":100,"title":50,"description":101,"canonical_path":4,"image":102,"width":103,"height":104,"image_alt":54,"kind":55,"categories":105,"app":110},"51ff8a6a-bdea-4fa4-8100-c89882b972ea","A modal dialog for entering a six-digit authenticator code.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fdee94caa-a3da-47ca-a962-056467aa7800.png",1087,445,[106],{"id":107,"title":108,"slug":109},288,"Input code","input-code",{"slug":30,"title":29,"logo":32,"categories":111},[],{"uuid":113,"title":50,"description":114,"canonical_path":4,"image":115,"width":116,"height":117,"image_alt":54,"kind":55,"categories":118,"app":120},"509f8503-5a1b-4baf-9af9-966389389303","A dark mode application interface featuring a vertical navigation bar, a header with a title and user name, and a usage indicator at the bottom.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9995dac7-e765-4a14-80f9-5edabdb9122c.png",323,1753,[119],{"id":94,"title":95,"slug":96},{"slug":30,"title":29,"logo":32,"categories":121},[],{"uuid":123,"title":50,"description":124,"canonical_path":4,"image":125,"width":126,"height":127,"image_alt":54,"kind":55,"categories":128,"app":133},"c5268775-a46a-46d2-8799-c72d8ec6963d","A top navigation bar with a back button and a persistent alert banner indicating low account credits with options to get more or upgrade.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa3602c83-1b0f-4ec2-baea-7cc36b0190b1.png",2497,171,[129],{"id":130,"title":131,"slug":132},255,"Upgrade your plan","upgrade-your-plan",{"slug":30,"title":29,"logo":32,"categories":134},[],{"uuid":136,"title":50,"description":137,"canonical_path":4,"image":138,"width":139,"height":140,"image_alt":54,"kind":55,"categories":141,"app":146},"ce54c95a-e634-4ace-aa5a-d04821e7993d","A user interface for setting access permissions for a technique, offering community, workspace, and private options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd683de4d-7200-4eec-9bd5-1e8790290e4a.png",690,718,[142],{"id":143,"title":144,"slug":145},216,"Radio button","radio-button",{"slug":30,"title":29,"logo":32,"categories":147},[],{"uuid":149,"title":50,"description":150,"canonical_path":4,"image":151,"width":152,"height":153,"image_alt":54,"kind":55,"categories":154,"app":159},"3e9d9540-cc72-43f6-8b63-95e3bc052dbb","Project sharing and access management modal","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcaf3586d-fcea-41ea-8338-d588fc75156f.png",991,1023,[155],{"id":156,"title":157,"slug":158},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":160},[],{"uuid":162,"title":50,"description":163,"canonical_path":4,"image":164,"width":165,"height":166,"image_alt":54,"kind":55,"categories":167,"app":172},"688d719b-f133-4f4c-a29c-1d1c240c4ff5","A modal window displaying a library of design techniques and tools, categorized for brand and visual design and product visualization, with options to search, browse, and publish a workflow.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd2cd591d-9ca5-47e1-9f93-83377dbd16c4.png",1509,1224,[168],{"id":169,"title":170,"slug":171},284,"Modal","modal",{"slug":30,"title":29,"logo":32,"categories":173},[],{"uuid":175,"title":50,"description":176,"canonical_path":4,"image":177,"width":178,"height":179,"image_alt":54,"kind":55,"categories":180,"app":185},"49090360-6be5-4fb7-876c-1499df417d13","A user interface displaying two toggle settings with information icons.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fba7f9e8f-4ad6-45be-ba8a-31451babcd5f.png",796,174,[181],{"id":182,"title":183,"slug":184},236,"Toggle\u002FSwitch","toggle-switch",{"slug":30,"title":29,"logo":32,"categories":186},[],{"uuid":188,"title":50,"description":189,"canonical_path":4,"image":190,"width":191,"height":192,"image_alt":54,"kind":55,"categories":193,"app":195},"39db2005-93fd-4e6d-bbac-5b8936fd5de0","A dark mode interface displaying a dropdown menu for model selection and a list of providers, alongside a separate popover showing different model options with their details.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F74e5de3f-03a5-42db-a357-a1e651e9a7f1.png",1503,1107,[194],{"id":156,"title":157,"slug":158},{"slug":30,"title":29,"logo":32,"categories":196},[],[],[199,202,205,208,211,214],{"label":200,"to":201},"Flora product screens","\u002Fexamples\u002Fapps\u002Fflora\u002Fscreens",{"label":203,"to":204},"Flora marketing pages","\u002Fexamples\u002Fapps\u002Fflora\u002Fmarketing",{"label":206,"to":207},"Flora user flows","\u002Fexamples\u002Fapps\u002Fflora\u002Fflows",{"label":209,"to":210},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":212,"to":213},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":215,"to":216},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"published_at":218,"updated_at":219},"2026-05-16T16:27:57.000Z","2026-09-13T13:02:39.000Z"]