[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcopilot\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":39,"showcases":182,"links":183,"dates":196},"\u002Fexamples\u002Fapps\u002Fcopilot\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Copilot UI components examples - Nicelydone","Browse Copilot UI component design examples. Preview individual interface elements and explore related component categories. Your AI companion","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1120b1d4-5793-415d-98b0-be8fde8ae9d0.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},"Copilot design examples","\u002Fexamples\u002Fapps\u002Fcopilot",{"label":23,"to":4},"Copilot 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},"Copilot","copilot","Your AI companion","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcopilot-rnbvo0y1.png","https:\u002F\u002Fwww.copilot.com",[35],{"id":36,"title":37,"slug":38},80,"Artificial Intelligence","artificial-intelligence",[40,55,68,81,93,103,116,129,141,150,160,173],{"uuid":41,"title":42,"description":43,"canonical_path":4,"image":11,"width":44,"height":45,"image_alt":46,"kind":47,"categories":48,"app":53},"f1511c0c-8d54-48fd-b3a1-97fb8d89ee4e","Copilot UI component","The screenshot shows a modal for selecting a response type.",797,453,"UI component from Copilot","component",[49],{"id":50,"title":51,"slug":52},179,"Checkbox & radio","checkbox-radio",{"slug":30,"title":29,"logo":32,"categories":54},[],{"uuid":56,"title":42,"description":57,"canonical_path":4,"image":58,"width":59,"height":60,"image_alt":46,"kind":47,"categories":61,"app":66},"574f175a-5cc6-4845-8338-ff1a141bef34","A modal window asking for consent to use biometric data for photo editing features.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F39714535-4074-4090-97d3-ee2341cf2437.png",933,835,[62],{"id":63,"title":64,"slug":65},284,"Modal","modal",{"slug":30,"title":29,"logo":32,"categories":67},[],{"uuid":69,"title":42,"description":70,"canonical_path":4,"image":71,"width":72,"height":73,"image_alt":46,"kind":47,"categories":74,"app":79},"d8ad3c36-d12f-4717-b636-52557f3d6284","A modal for image uploading and quick responses.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe805913c-adce-4942-b396-7ff249f2b05c.png",1630,635,[75],{"id":76,"title":77,"slug":78},188,"File upload input","file-upload-input",{"slug":30,"title":29,"logo":32,"categories":80},[],{"uuid":82,"title":42,"description":83,"canonical_path":4,"image":84,"width":85,"height":60,"image_alt":46,"kind":47,"categories":86,"app":91},"52735cbb-1252-4dcd-9628-ee2e30a8a368","A modal for managing a subscription, specifically for cancellation.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff5524f73-a4ad-4c44-b37d-972e1504b93a.png",656,[87],{"id":88,"title":89,"slug":90},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":92},[],{"uuid":94,"title":42,"description":95,"canonical_path":4,"image":96,"width":97,"height":98,"image_alt":46,"kind":47,"categories":99,"app":101},"ccf46c2e-bd79-4585-ae48-f641e8c6f5f4","This is a modal showcasing user profile and settings.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F59fc3794-6d6d-4911-92e4-765552cb8017.png",671,1557,[100],{"id":88,"title":89,"slug":90},{"slug":30,"title":29,"logo":32,"categories":102},[],{"uuid":104,"title":42,"description":105,"canonical_path":4,"image":106,"width":107,"height":108,"image_alt":46,"kind":47,"categories":109,"app":114},"760d1f3c-4051-47e8-a9e4-efdacbf9142f","The modal asks for feedback on a voice chat with a thumbs up and thumbs down option.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F678976d9-47a6-414b-b2bd-85fb97d1fbfb.png",919,364,[110],{"id":111,"title":112,"slug":113},296,"Feedback","feedback",{"slug":30,"title":29,"logo":32,"categories":115},[],{"uuid":117,"title":42,"description":118,"canonical_path":4,"image":119,"width":120,"height":121,"image_alt":46,"kind":47,"categories":122,"app":127},"474d6f19-e762-4daf-b6a4-54b4f3bab9ff","A music player interface with playback controls.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc46bc8f2-f6df-4f3b-bd70-c54b2e426eb7.png",831,253,[123],{"id":124,"title":125,"slug":126},170,"Audio player","audio-player",{"slug":30,"title":29,"logo":32,"categories":128},[],{"uuid":130,"title":42,"description":131,"canonical_path":4,"image":132,"width":73,"height":133,"image_alt":46,"kind":47,"categories":134,"app":139},"18ebd553-f3ff-4093-affe-98b4c5ea4b02","A sidebar navigation with a list of pages and conversations.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe40aa1f2-70d0-4453-befd-04f52c2395d2.png",1714,[135],{"id":136,"title":137,"slug":138},209,"Vertical navigation","vertical-navigation",{"slug":30,"title":29,"logo":32,"categories":140},[],{"uuid":142,"title":42,"description":143,"canonical_path":4,"image":144,"width":145,"height":133,"image_alt":46,"kind":47,"categories":146,"app":148},"df293077-e7a2-4674-9f73-df4b4427a8fa","A modal indicating the page is ready with tips on how to use it.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe34d6e76-b2be-4212-a979-d81c3eef8716.png",856,[147],{"id":136,"title":137,"slug":138},{"slug":30,"title":29,"logo":32,"categories":149},[],{"uuid":151,"title":42,"description":152,"canonical_path":4,"image":153,"width":154,"height":155,"image_alt":46,"kind":47,"categories":156,"app":158},"5a379857-4c1a-485b-b281-bbe3a640c78a","This is a settings screen for an app.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F22451a36-020a-4e7d-971b-8e9df8914f2e.png",798,1729,[157],{"id":88,"title":89,"slug":90},{"slug":30,"title":29,"logo":32,"categories":159},[],{"uuid":161,"title":42,"description":162,"canonical_path":4,"image":163,"width":164,"height":165,"image_alt":46,"kind":47,"categories":166,"app":171},"5f35f039-038d-437f-a50e-0ed3ed9a753d","A theme selection modal","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2cb4e0a6-90a5-4f56-a3f0-dcc8010637e8.png",723,614,[167],{"id":168,"title":169,"slug":170},256,"Theme settings","theme-settings",{"slug":30,"title":29,"logo":32,"categories":172},[],{"uuid":174,"title":42,"description":175,"canonical_path":4,"image":176,"width":145,"height":177,"image_alt":46,"kind":47,"categories":178,"app":180},"853f8c7d-1711-4f78-8442-ba2bead92934","A dropdown menu with options to create a new conversation or page.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc7014732-44ed-4f46-9fff-225d397ac4e0.png",553,[179],{"id":88,"title":89,"slug":90},{"slug":30,"title":29,"logo":32,"categories":181},[],[],[184,187,190,193],{"label":185,"to":186},"Copilot product screens","\u002Fexamples\u002Fapps\u002Fcopilot\u002Fscreens",{"label":188,"to":189},"Copilot marketing pages","\u002Fexamples\u002Fapps\u002Fcopilot\u002Fmarketing",{"label":191,"to":192},"Copilot user flows","\u002Fexamples\u002Fapps\u002Fcopilot\u002Fflows",{"label":194,"to":195},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"published_at":197,"updated_at":198},"2025-05-05T09:36:41.000Z","2026-09-13T13:02:39.000Z"]