[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fgumloop\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":52,"showcases":193,"links":194,"dates":213},"\u002Fexamples\u002Fapps\u002Fgumloop\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Gumloop UI components examples - Nicelydone","Browse Gumloop UI component design examples. Preview individual interface elements and explore related component categories. The AI automation platform…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F57a210c8-e423-41aa-b86b-be87fa772a0c.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},"Gumloop design examples","\u002Fexamples\u002Fapps\u002Fgumloop",{"label":23,"to":4},"Gumloop UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Gumloop UI component design examples. Preview individual interface elements and explore related component categories. The AI automation platform built for everyone",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Gumloop","gumloop","The AI automation platform built for everyone","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbb3b7d8d-2866-4949-a601-d6f8deba3b8f.png","https:\u002F\u002Fwww.gumloop.com",[36,40,44,48],{"id":37,"title":38,"slug":39},30,"Productivity","productivity",{"id":41,"title":42,"slug":43},80,"Artificial Intelligence","artificial-intelligence",{"id":45,"title":46,"slug":47},96,"No code","no-code",{"id":49,"title":50,"slug":51},105,"Workflow Automation","workflow-automation",[53,68,78,91,104,113,126,136,149,162,172,180],{"uuid":54,"title":55,"description":56,"canonical_path":4,"image":11,"width":57,"height":58,"image_alt":59,"kind":60,"categories":61,"app":66},"debc9572-21c9-4e8c-bdf7-e91b0ec55c7b","Gumloop UI component","A mega menu displaying categorized resources for a software platform, including templates, learning materials, and community links.",1750,834,"UI component from Gumloop","component",[62],{"id":63,"title":64,"slug":65},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":67},[],{"uuid":69,"title":55,"description":70,"canonical_path":4,"image":71,"width":72,"height":73,"image_alt":59,"kind":60,"categories":74,"app":76},"a50755dd-414c-47b9-a6c8-659c9bef6d44","A dropdown menu displaying various solution categories with descriptions, part of a web application's navigation.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7a9084f5-c7a9-4887-bdf2-e91046948ded.png",901,1048,[75],{"id":63,"title":64,"slug":65},{"slug":31,"title":30,"logo":33,"categories":77},[],{"uuid":79,"title":55,"description":80,"canonical_path":4,"image":81,"width":82,"height":83,"image_alt":59,"kind":60,"categories":84,"app":89},"ee5fc560-614a-49d0-9f8e-5054a7554f2f","A chat interface displaying a flow analysis, highlighting required manual edits for a parameter, and providing an input field for automation description.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd97b4100-65d3-4b90-b8ce-2240516fab2b.png",1248,1973,[85],{"id":86,"title":87,"slug":88},294,"Artificial intelligence","ai",{"slug":31,"title":30,"logo":33,"categories":90},[],{"uuid":92,"title":55,"description":93,"canonical_path":4,"image":94,"width":95,"height":96,"image_alt":59,"kind":60,"categories":97,"app":102},"59f8e795-23fc-4fe4-9040-ab28d5104805","A date picker popover displaying a two-month calendar and a list of preset date range options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F362901a5-86e4-455e-8320-c98760e363e8.png",1631,892,[98],{"id":99,"title":100,"slug":101},184,"Datepicker","datepicker",{"slug":31,"title":30,"logo":33,"categories":103},[],{"uuid":105,"title":55,"description":106,"canonical_path":4,"image":107,"width":82,"height":108,"image_alt":59,"kind":60,"categories":109,"app":111},"4a18c4ca-efec-4201-a7ea-389c904f046d","A chat interface displaying a conversation with an AI assistant, including a user query, AI response, and a progress indicator for automation setup.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb223be5d-0e9f-4ee3-8e63-13cdb1c44eac.png",1979,[110],{"id":86,"title":87,"slug":88},{"slug":31,"title":30,"logo":33,"categories":112},[],{"uuid":114,"title":55,"description":115,"canonical_path":4,"image":116,"width":117,"height":118,"image_alt":59,"kind":60,"categories":119,"app":124},"b5e9bfb4-2a56-4f22-915d-24e3a785fd25","A dashboard displaying credit usage over a selected billing period with a bar chart visualization.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8c8cbca7-5513-45f4-93c7-3743a86dddf0.png",2480,1194,[120],{"id":121,"title":122,"slug":123},186,"Charts","charts",{"slug":31,"title":30,"logo":33,"categories":125},[],{"uuid":127,"title":55,"description":128,"canonical_path":4,"image":129,"width":130,"height":131,"image_alt":59,"kind":60,"categories":132,"app":134},"8d882b75-0d41-491b-b2e5-d1bc182d6ab8","An AI assistant interface displaying an active text input field with suggested prompts and integration icons.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe62096ae-cc54-4fd7-af15-83b56e031c07.png",1360,1171,[133],{"id":86,"title":87,"slug":88},{"slug":31,"title":30,"logo":33,"categories":135},[],{"uuid":137,"title":55,"description":138,"canonical_path":4,"image":139,"width":140,"height":141,"image_alt":59,"kind":60,"categories":142,"app":147},"e5fb0716-c4ac-4e7b-9efd-17e233ac8692","A user interface component for structuring post records by combining multiple text inputs using a defined format, featuring a toggle for loop mode.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F558f0579-4174-4ddf-990a-0b44422c9b3a.png",1029,782,[143],{"id":144,"title":145,"slug":146},174,"Card","card",{"slug":31,"title":30,"logo":33,"categories":148},[],{"uuid":150,"title":55,"description":151,"canonical_path":4,"image":152,"width":153,"height":154,"image_alt":59,"kind":60,"categories":155,"app":160},"74547c5f-d346-4826-8ca7-4c82f1d30ab4","A modal dialog for sharing a workbook, including access control and link management options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F963f6fe2-69d4-49dc-a289-851a5e99a27a.png",1317,1090,[156],{"id":157,"title":158,"slug":159},284,"Modal","modal",{"slug":31,"title":30,"logo":33,"categories":161},[],{"uuid":163,"title":55,"description":164,"canonical_path":4,"image":165,"width":166,"height":167,"image_alt":59,"kind":60,"categories":168,"app":170},"df8c17c7-a0a2-49f5-b39e-b2b32d694ae4","A configuration card for combining list items into a single piece of text.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7689950b-df04-46fe-92b2-d87055ea4585.png",1000,817,[169],{"id":144,"title":145,"slug":146},{"slug":31,"title":30,"logo":33,"categories":171},[],{"uuid":173,"title":55,"description":174,"canonical_path":4,"image":175,"width":117,"height":118,"image_alt":59,"kind":60,"categories":176,"app":178},"6f11fdba-d8f3-433e-a504-3e72c7a0179f","A dashboard displaying credit usage over time with a bar chart and filtering options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F86f99063-b017-487b-bc65-794f56fffe83.png",[177],{"id":121,"title":122,"slug":123},{"slug":31,"title":30,"logo":33,"categories":179},[],{"uuid":181,"title":55,"description":182,"canonical_path":4,"image":183,"width":184,"height":185,"image_alt":59,"kind":60,"categories":186,"app":191},"eca78c9c-a334-4fa7-a9ac-3ab7706bd4d5","A frequently asked questions section with a list of questions.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F70e34352-1114-413e-b0de-b07101c7e84b.png",2512,1582,[187],{"id":188,"title":189,"slug":190},189,"FAQ","faq",{"slug":31,"title":30,"logo":33,"categories":192},[],[],[195,198,201,204,207,210],{"label":196,"to":197},"Gumloop product screens","\u002Fexamples\u002Fapps\u002Fgumloop\u002Fscreens",{"label":199,"to":200},"Gumloop marketing pages","\u002Fexamples\u002Fapps\u002Fgumloop\u002Fmarketing",{"label":202,"to":203},"Gumloop user flows","\u002Fexamples\u002Fapps\u002Fgumloop\u002Fflows",{"label":205,"to":206},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":208,"to":209},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":211,"to":212},"No code app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fno-code",{"published_at":214,"updated_at":215},"2025-12-15T06:28:38.000Z","2026-09-13T13:02:39.000Z"]