[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Falloy\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":193,"links":194,"dates":213},"\u002Fexamples\u002Fapps\u002Falloy\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Alloy UI components examples - Nicelydone","Browse Alloy UI component design examples. Preview individual interface elements and explore related component categories. AI prototyping tool for product…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F256b0a40-6b1f-4ed0-a4b2-eb7c708c0c50.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},"Alloy design examples","\u002Fexamples\u002Fapps\u002Falloy",{"label":23,"to":4},"Alloy UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Alloy UI component design examples. Preview individual interface elements and explore related component categories. AI prototyping tool for product managers",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Alloy","alloy","AI prototyping tool for product managers","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F13110ce9-b228-4dcd-99db-7c3272fae2ce.png","https:\u002F\u002Falloy.app\u002F",[36,40,44],{"id":37,"title":38,"slug":39},48,"Developer Tools","developer-tools",{"id":41,"title":42,"slug":43},80,"Artificial Intelligence","artificial-intelligence",{"id":45,"title":46,"slug":47},86,"Product management","product-management",[49,64,77,90,99,112,125,134,147,160,173,186],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"categories":57,"app":62},"f255696e-46ec-4e93-a594-697062e80b53","Alloy UI component","A multi-column navigation menu or footer section with various links categorized under product, updates, company, and tools.",2159,1072,"UI component from Alloy","component",[58],{"id":59,"title":60,"slug":61},202,"Footer","footer",{"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},"135ed346-6a05-4de5-9f80-fe20a90e67f7","A grid of application logos displayed within hexagonal cells.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fef3d5b7a-dca1-4ba8-a485-8209b613031e.png",1182,903,[71],{"id":72,"title":73,"slug":74},278,"Illustration","illustration",{"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":88},"bb550f0b-42c3-433c-a1d9-4b877a7f93f6","A product marketing page showcasing features for building ideas, previewing changes, and sharing links, with examples of collaboration messages and code management.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F01b23edd-0cd6-4ce9-adf9-68e7fc32a984.png",2304,1885,[84],{"id":85,"title":86,"slug":87},298,"Bento box","bento-grid",{"slug":31,"title":30,"logo":33,"categories":89},[],{"uuid":91,"title":51,"description":92,"canonical_path":4,"image":93,"width":81,"height":94,"image_alt":55,"kind":56,"categories":95,"app":97},"a0b111ec-b002-4c7d-967f-640ca8aa82dc","A promotional image showcasing a product's ability to build and prototype using existing code, components, and pages, illustrated with three distinct UI examples.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1315d3c1-3e75-477e-8e1d-8391a087244e.png",1375,[96],{"id":85,"title":86,"slug":87},{"slug":31,"title":30,"logo":33,"categories":98},[],{"uuid":100,"title":51,"description":101,"canonical_path":4,"image":102,"width":103,"height":104,"image_alt":55,"kind":56,"categories":105,"app":110},"95e7140b-6d58-48d5-b747-0cde659217b9","A user interface for starting a product session with options for theme selection and various integrations.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F61600957-a92f-4a0c-a0b4-19b36fc4cef7.png",1576,938,[106],{"id":107,"title":108,"slug":109},294,"Artificial intelligence","ai",{"slug":31,"title":30,"logo":33,"categories":111},[],{"uuid":113,"title":51,"description":114,"canonical_path":4,"image":115,"width":116,"height":117,"image_alt":55,"kind":56,"categories":118,"app":123},"6f1d8524-723b-43b1-a106-a2f1416d2cd4","A clean user interface featuring a sidebar navigation, a search bar, and a call-to-action card with onboarding steps.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Feef4cdbb-1915-4553-8335-fa5827e1728a.png",632,1831,[119],{"id":120,"title":121,"slug":122},209,"Vertical navigation","vertical-navigation",{"slug":31,"title":30,"logo":33,"categories":124},[],{"uuid":126,"title":51,"description":127,"canonical_path":4,"image":128,"width":129,"height":130,"image_alt":55,"kind":56,"categories":131,"app":132},"0f545fed-e53b-419e-86cb-a6e5a2d5a557","A mobile application interface featuring a chat-like interaction with system messages and a user input area.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F847fccfe-efc0-4c63-8a7e-4d1362252f49.png",1000,1839,[],{"slug":31,"title":30,"logo":33,"categories":133},[],{"uuid":135,"title":51,"description":136,"canonical_path":4,"image":137,"width":138,"height":139,"image_alt":55,"kind":56,"categories":140,"app":145},"448e6a13-2346-4162-9694-8d1410cc65bd","Context menu displaying options for a web page within a browser-like interface.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F757dfeae-fc0d-4610-aa98-e956f1cf3215.png",882,736,[141],{"id":142,"title":143,"slug":144},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":146},[],{"uuid":148,"title":51,"description":149,"canonical_path":4,"image":150,"width":151,"height":152,"image_alt":55,"kind":56,"categories":153,"app":158},"02177638-7a6e-47de-8cce-be5e9f877e00","A step-by-step wizard for connecting a GitHub repository to build an application from the browser.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6ba20039-1213-4e5e-9bba-29ae11e0e18c.png",1456,813,[154],{"id":155,"title":156,"slug":157},227,"Stepper","stepper",{"slug":31,"title":30,"logo":33,"categories":159},[],{"uuid":161,"title":51,"description":162,"canonical_path":4,"image":163,"width":164,"height":165,"image_alt":55,"kind":56,"categories":166,"app":171},"702a2bc8-95bb-4f60-95f6-ad0a8888a9af","A confirmation modal asking the user to confirm the deletion of a session, with options to cancel or continue.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F65e7298b-2f7e-4a4d-993d-80d5abc73969.png",1328,754,[167],{"id":168,"title":169,"slug":170},284,"Modal","modal",{"slug":31,"title":30,"logo":33,"categories":172},[],{"uuid":174,"title":51,"description":175,"canonical_path":4,"image":176,"width":177,"height":178,"image_alt":55,"kind":56,"categories":179,"app":184},"9798ce9b-1705-4758-a010-2edea57ae843","A horizontal segment control with four icons, one of which is selected.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F45b62ff9-7cec-4b44-aa77-19dbf7a9e1ba.png",434,196,[180],{"id":181,"title":182,"slug":183},218,"Segmented control","segmented-control",{"slug":31,"title":30,"logo":33,"categories":185},[],{"uuid":187,"title":51,"description":175,"canonical_path":4,"image":188,"width":177,"height":178,"image_alt":55,"kind":56,"categories":189,"app":191},"47982ac8-b82e-43c6-800b-2a6cef13a295","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F129f8db3-2638-48c6-8ced-421f217a4f1c.png",[190],{"id":181,"title":182,"slug":183},{"slug":31,"title":30,"logo":33,"categories":192},[],[],[195,198,201,204,207,210],{"label":196,"to":197},"Alloy product screens","\u002Fexamples\u002Fapps\u002Falloy\u002Fscreens",{"label":199,"to":200},"Alloy marketing pages","\u002Fexamples\u002Fapps\u002Falloy\u002Fmarketing",{"label":202,"to":203},"Alloy user flows","\u002Fexamples\u002Fapps\u002Falloy\u002Fflows",{"label":205,"to":206},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":208,"to":209},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":211,"to":212},"Product management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproduct-management",{"published_at":214,"updated_at":215},"2026-06-20T21:28:14.000Z","2026-09-14T10:58:46.000Z"]