[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fquin\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":189,"links":190,"dates":209},"\u002Fexamples\u002Fapps\u002Fquin\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Quin UI components examples - Nicelydone","Browse Quin UI component design examples. Preview individual interface elements and explore related component categories. Meet your dream assistant","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F556acae1-e442-4e51-ac35-64913a1bca04.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},"Quin design examples","\u002Fexamples\u002Fapps\u002Fquin",{"label":23,"to":4},"Quin 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},"Quin","quin","Meet your dream assistant","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fb4f27845-aeea-4c59-b6e7-8a255620ae41.png","https:\u002F\u002Fwww.heyquin.io",[35,39,43],{"id":36,"title":37,"slug":38},80,"Artificial Intelligence","artificial-intelligence",{"id":40,"title":41,"slug":42},30,"Productivity","productivity",{"id":44,"title":45,"slug":46},105,"Workflow Automation","workflow-automation",[48,63,71,84,97,108,120,132,145,158,171,181],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"categories":56,"app":61},"ac0cf9bd-2509-4e8a-a1bf-349ee0c70db2","Quin UI component","A verification screen with input fields for a one-time code.",1072,674,"UI component from Quin","component",[57],{"id":58,"title":59,"slug":60},288,"Input code","input-code",{"slug":30,"title":29,"logo":32,"categories":62},[],{"uuid":64,"title":50,"description":65,"canonical_path":4,"image":66,"width":52,"height":53,"image_alt":54,"kind":55,"categories":67,"app":69},"4c9c1cbc-ed4f-4397-90fa-e1578a961217","A modal for verifying an account with a one-time code sent to the user's email.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb8673a58-ba94-4a4d-b8fe-46cfbd305486.png",[68],{"id":58,"title":59,"slug":60},{"slug":30,"title":29,"logo":32,"categories":70},[],{"uuid":72,"title":50,"description":73,"canonical_path":4,"image":74,"width":75,"height":76,"image_alt":54,"kind":55,"categories":77,"app":82},"e111222d-3db7-4e1b-91fc-fae4de1584c0","A table displaying team members and their roles.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4551e99c-fc67-4da5-b0cd-ec6c898e5ed7.png",2048,769,[78],{"id":79,"title":80,"slug":81},248,"Table","table-2",{"slug":30,"title":29,"logo":32,"categories":83},[],{"uuid":85,"title":50,"description":86,"canonical_path":4,"image":87,"width":88,"height":89,"image_alt":54,"kind":55,"categories":90,"app":95},"f861dfb6-7476-4ec1-9688-6b938e23277b","A modal for choosing a subscription plan.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb876752f-53db-4ff4-b8b9-252ff5dab513.png",1370,933,[91],{"id":92,"title":93,"slug":94},303,"Pricing section","pricing-section",{"slug":30,"title":29,"logo":32,"categories":96},[],{"uuid":98,"title":50,"canonical_path":4,"image":99,"width":75,"height":100,"image_alt":54,"kind":55,"categories":101,"app":106},"fd893ebe-f3a2-431b-90c6-b19f34abdd71","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F36f25bde-1a26-4865-96ab-dc11e846e42a.png",630,[102],{"id":103,"title":104,"slug":105},213,"Progress indicator","progress-indicator",{"slug":30,"title":29,"logo":32,"categories":107},[],{"uuid":109,"title":50,"description":110,"canonical_path":4,"image":111,"width":75,"height":112,"image_alt":54,"kind":55,"categories":113,"app":118},"72551a58-7579-4715-8d0b-1f84e3973dee","A help message with a call to action.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F72903f4f-ed6f-4ade-8537-4ffa97d30bef.png",420,[114],{"id":115,"title":116,"slug":117},167,"Alert","alert",{"slug":30,"title":29,"logo":32,"categories":119},[],{"uuid":121,"title":50,"description":122,"canonical_path":4,"image":123,"width":75,"height":124,"image_alt":54,"kind":55,"categories":125,"app":130},"a49cb39e-ed30-46c3-963c-2a721cf582a7","The UI shows a page for adding guidelines to customize how a system works.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7c75cc9e-0fe7-49e2-8e4d-c7b2d4bd875f.png",974,[126],{"id":127,"title":128,"slug":129},302,"Empty state","emptystate",{"slug":30,"title":29,"logo":32,"categories":131},[],{"uuid":133,"title":50,"description":134,"canonical_path":4,"image":135,"width":136,"height":137,"image_alt":54,"kind":55,"categories":138,"app":143},"e5b841b6-3e86-478c-bbe8-9b9127cb6928","A user profile dropdown menu.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb8a3ae85-ccfc-4809-84ef-563cf8b94bbd.png",571,1044,[139],{"id":140,"title":141,"slug":142},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":144},[],{"uuid":146,"title":50,"description":147,"canonical_path":4,"image":148,"width":149,"height":150,"image_alt":54,"kind":55,"categories":151,"app":156},"66a85785-b861-4fae-821d-5f167587bc75","The screenshot shows a user interface with a test mode active alert and input field.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F31a7e68a-5d82-4e78-9a03-2c73c7a3d0a0.png",1622,446,[152],{"id":153,"title":154,"slug":155},254,"Tooltip","tooltip-element",{"slug":30,"title":29,"logo":32,"categories":157},[],{"uuid":159,"title":50,"description":160,"canonical_path":4,"image":161,"width":162,"height":163,"image_alt":54,"kind":55,"categories":164,"app":169},"c6b4fc10-7eb1-4c84-ab50-5ae042bbd043","The screenshot shows a conversation or task management interface with a reminder, a shared document, and a reply input.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F677e1c54-f355-4d8b-9aa2-b58d319c912c.png",1974,1923,[165],{"id":166,"title":167,"slug":168},294,"Artificial intelligence","ai",{"slug":30,"title":29,"logo":32,"categories":170},[],{"uuid":172,"title":50,"description":173,"canonical_path":4,"image":174,"width":175,"height":176,"image_alt":54,"kind":55,"categories":177,"app":179},"f5564a71-a077-49d4-a3ea-8eab00933900","A scheduling assistant interface","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F053173b7-fbc5-42b2-80e2-90ec36c60735.png",1792,1884,[178],{"id":166,"title":167,"slug":168},{"slug":30,"title":29,"logo":32,"categories":180},[],{"uuid":182,"title":50,"description":183,"canonical_path":4,"image":184,"width":175,"height":176,"image_alt":54,"kind":55,"categories":185,"app":187},"fdf0824b-b10e-49be-88af-03546cb05caf","A scheduling interface with a progress bar.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F78c53614-ec45-4d54-ac75-159078a2a30e.png",[186],{"id":166,"title":167,"slug":168},{"slug":30,"title":29,"logo":32,"categories":188},[],[],[191,194,197,200,203,206],{"label":192,"to":193},"Quin product screens","\u002Fexamples\u002Fapps\u002Fquin\u002Fscreens",{"label":195,"to":196},"Quin marketing pages","\u002Fexamples\u002Fapps\u002Fquin\u002Fmarketing",{"label":198,"to":199},"Quin user flows","\u002Fexamples\u002Fapps\u002Fquin\u002Fflows",{"label":201,"to":202},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":204,"to":205},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":207,"to":208},"Workflow Automation app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fworkflow-automation",{"published_at":210,"updated_at":211},"2025-11-02T20:00:31.000Z","2026-09-13T13:02:39.000Z"]