[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fbloom\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":51,"showcases":203,"links":204,"dates":223},"\u002Fexamples\u002Fapps\u002Fbloom\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Bloom UI components examples - Nicelydone","Browse Bloom UI component design examples. Preview individual interface elements and explore related component categories. A new way to build commerce","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F002f8047-7d56-44cb-a591-8e67a8f8a080.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},"Bloom design examples","\u002Fexamples\u002Fapps\u002Fbloom",{"label":23,"to":4},"Bloom 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},"Bloom","bloom","A new way to build commerce","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F62461f0d-4182-4996-ae7b-cbc623f6ee3f.png","https:\u002F\u002Fbloom.chat",[35,39,43,47],{"id":36,"title":37,"slug":38},80,"Artificial Intelligence","artificial-intelligence",{"id":40,"title":41,"slug":42},3,"Shopping","shopping",{"id":44,"title":45,"slug":46},7,"Web Development","web-development",{"id":48,"title":49,"slug":50},96,"No code","no-code",[52,67,80,93,106,119,132,142,152,164,177,190],{"uuid":53,"title":54,"description":55,"canonical_path":4,"image":11,"width":56,"height":57,"image_alt":58,"kind":59,"categories":60,"app":65},"27ce37e3-963a-4403-a5c4-d86c107c9481","Bloom UI component","A modal dialog for confirming the deletion of an organization, requiring the user to type the organization's name to proceed.",1281,1086,"UI component from Bloom","component",[61],{"id":62,"title":63,"slug":64},284,"Modal","modal",{"slug":30,"title":29,"logo":32,"categories":66},[],{"uuid":68,"title":54,"description":69,"canonical_path":4,"image":70,"width":71,"height":72,"image_alt":58,"kind":59,"categories":73,"app":78},"910a97d9-9f69-4742-a82b-75eb2ba57898","A dropdown menu displaying user account information, project navigation, monthly credit usage, and various settings and help options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb82fc8a8-6924-4409-a355-9237cb8762fe.png",512,758,[74],{"id":75,"title":76,"slug":77},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":79},[],{"uuid":81,"title":54,"description":82,"canonical_path":4,"image":83,"width":84,"height":85,"image_alt":58,"kind":59,"categories":86,"app":91},"1e7a0149-08e4-43a0-86f8-97e8897e24d7","A segmented control with two options, 'Production' and 'Development', where 'Production' is selected.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1dd1f368-58c7-4715-8512-19b7e8087246.png",820,207,[87],{"id":88,"title":89,"slug":90},218,"Segmented control","segmented-control",{"slug":30,"title":29,"logo":32,"categories":92},[],{"uuid":94,"title":54,"description":95,"canonical_path":4,"image":96,"width":97,"height":98,"image_alt":58,"kind":59,"categories":99,"app":104},"750adef9-8a99-472a-b9ae-e734b3095010","A sidebar navigation menu displaying project settings options with a selected item.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F921b695d-2330-4ba9-b27a-22cbf19fb4c7.png",522,640,[100],{"id":101,"title":102,"slug":103},209,"Vertical navigation","vertical-navigation",{"slug":30,"title":29,"logo":32,"categories":105},[],{"uuid":107,"title":54,"description":108,"canonical_path":4,"image":109,"width":110,"height":111,"image_alt":58,"kind":59,"categories":112,"app":117},"1364df41-da3f-477a-898c-2915b8828ed2","A progress display for project deployment showing completed, in-progress, and pending steps.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5d77fd01-9c15-499a-9601-bae641c5abb1.png",520,678,[113],{"id":114,"title":115,"slug":116},227,"Stepper","stepper",{"slug":30,"title":29,"logo":32,"categories":118},[],{"uuid":120,"title":54,"description":121,"canonical_path":4,"image":122,"width":123,"height":124,"image_alt":58,"kind":59,"categories":125,"app":130},"0704304e-f10e-4c33-9040-49030138e32e","A header bar displaying organization name, development status, credit balance, upgrade option, and user avatar.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Faf8f932f-ad14-4859-b8f2-280439294d53.png",3024,113,[126],{"id":127,"title":128,"slug":129},240,"Horizontal navigation","horizontal-navigation",{"slug":30,"title":29,"logo":32,"categories":131},[],{"uuid":133,"title":54,"description":134,"canonical_path":4,"image":135,"width":136,"height":137,"image_alt":58,"kind":59,"categories":138,"app":140},"84a25329-f3f6-4f5e-92a4-787aaa0b91e2","A user profile dropdown menu with options for settings, documentation, changelog, shortcuts, theme selection, and log out, showing a nested popover for theme options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3a4805dc-0a91-458e-8757-422aca3460cb.png",908,735,[139],{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":141},[],{"uuid":143,"title":54,"description":144,"canonical_path":4,"image":145,"width":146,"height":147,"image_alt":58,"kind":59,"categories":148,"app":150},"2f2275f2-e3b1-4ec3-aa42-0c48d8ca2f9c","A modal window prompting a user to upgrade their plan to unlock a specific feature, detailing the benefits of the 'Hobby' plan.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fde54edb6-b976-4a1e-b82c-14512b02e049.png",1201,1123,[149],{"id":62,"title":63,"slug":64},{"slug":30,"title":29,"logo":32,"categories":151},[],{"uuid":153,"title":54,"description":154,"canonical_path":4,"image":155,"width":156,"height":97,"image_alt":58,"kind":59,"categories":157,"app":162},"2a451f1d-36cf-4a00-9b00-5967d8364a57","A modal dialog with tab navigation and action buttons.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fdbe355be-d4ce-4b2b-8259-f30001a7b69a.png",2455,[158],{"id":159,"title":160,"slug":161},233,"Tabs","tabs",{"slug":30,"title":29,"logo":32,"categories":163},[],{"uuid":165,"title":54,"description":166,"canonical_path":4,"image":167,"width":168,"height":169,"image_alt":58,"kind":59,"categories":170,"app":175},"2daacd8c-4fdd-4dda-b3af-af64ca88f574","An input field for variations with existing tags","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Feaf82a0e-37c2-4a4d-b523-8333c8152e6b.png",1286,374,[171],{"id":172,"title":173,"slug":174},252,"Input tag","input-tag",{"slug":30,"title":29,"logo":32,"categories":176},[],{"uuid":178,"title":54,"description":179,"canonical_path":4,"image":180,"width":181,"height":182,"image_alt":58,"kind":59,"categories":183,"app":188},"3b3642c5-7d29-4f36-a17e-44f2e352e7a7","A dropdown menu displaying status options with \"Published\" currently selected and checked.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd473fd63-148a-44a9-834c-1cd36e44a976.png",1324,700,[184],{"id":185,"title":186,"slug":187},204,"Input select","input-select",{"slug":30,"title":29,"logo":32,"categories":189},[],{"uuid":191,"title":54,"description":192,"canonical_path":4,"image":193,"width":194,"height":195,"image_alt":58,"kind":59,"categories":196,"app":201},"1807b6c0-a4e1-4793-8733-e4348231d252","A product listing page displaying a table of products with search, filter, and pagination controls, along with actions like export, import, and create.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffd7f7253-9cd3-4655-bfd9-360f717c180f.png",2008,1213,[197],{"id":198,"title":199,"slug":200},248,"Table","table-2",{"slug":30,"title":29,"logo":32,"categories":202},[],[],[205,208,211,214,217,220],{"label":206,"to":207},"Bloom product screens","\u002Fexamples\u002Fapps\u002Fbloom\u002Fscreens",{"label":209,"to":210},"Bloom marketing pages","\u002Fexamples\u002Fapps\u002Fbloom\u002Fmarketing",{"label":212,"to":213},"Bloom user flows","\u002Fexamples\u002Fapps\u002Fbloom\u002Fflows",{"label":215,"to":216},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":218,"to":219},"Shopping app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fshopping",{"label":221,"to":222},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"published_at":224,"updated_at":225},"2026-06-22T09:00:30.000Z","2026-09-13T13:02:39.000Z"]