[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fclippings\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":52,"showcases":225,"links":226,"dates":277},"\u002Fexamples\u002Fapps\u002Fclippings\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Clippings product screens examples - Nicelydone","Browse Clippings screen design examples. Preview the interface screenshots and explore related UI patterns. Smart Procurement For Interior Projects","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F02cf9024-3bad-43fa-94b6-440aacf491b6.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},"Clippings design examples","\u002Fexamples\u002Fapps\u002Fclippings",{"label":23,"to":4},"Clippings product screens examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"twitter_username":34,"categories":35},"Clippings","clippings","Smart Procurement For Interior Projects","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fclippings-639108de.png","https:\u002F\u002Fclippings.com","ClippingsDesign",[36,40,44,48],{"id":37,"title":38,"slug":39},76,"Home Services","home-services",{"id":41,"title":42,"slug":43},61,"Fashion","fashion",{"id":45,"title":46,"slug":47},3,"Shopping","shopping",{"id":49,"title":50,"slug":51},18,"Marketplace","marketplace",[53,78,97,110,124,144,161,178,192,203],{"uuid":54,"title":55,"description":56,"canonical_path":4,"image":11,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":61,"component_categories":71,"app":76},"02cf9024-3bad-43fa-94b6-440aacf491b6","Log in","Sign-in screen where the user enters their email address to authenticate, featuring a full-bleed workspace image on the right.",3024,1738,"Log in from Clippings","screen",[62],{"id":63,"label":64,"slug":65,"rank":66,"group":67},4,"Sign In","sign-in",0,{"id":68,"label":69,"slug":70},1,"Access & Account","access-and-account",[72],{"id":73,"title":74,"slug":75},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":77},[],{"uuid":79,"title":55,"description":80,"canonical_path":4,"image":81,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":82,"component_categories":93,"app":95},"8c1862db-121d-4639-b54b-13b97752a63a","Sign-in screen where the user enters their email address and encounters a validation error for an invalid format.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8c1862db-121d-4639-b54b-13b97752a63a.png",[83,85],{"id":63,"label":64,"slug":65,"rank":66,"group":84},{"id":68,"label":69,"slug":70},{"id":86,"label":87,"slug":88,"rank":68,"group":89},116,"Error","error",{"id":90,"label":91,"slug":92},12,"States & Feedback","states-and-feedback",[94],{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":96},[],{"uuid":98,"title":55,"description":99,"canonical_path":4,"image":100,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":101,"component_categories":106,"app":108},"fdbc704c-7239-4504-a8a7-b325cf7bf6c4","Sign-in screen where the user enters their email address and encounters a validation error.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffdbc704c-7239-4504-a8a7-b325cf7bf6c4.png",[102,104],{"id":63,"label":64,"slug":65,"rank":66,"group":103},{"id":68,"label":69,"slug":70},{"id":86,"label":87,"slug":88,"rank":68,"group":105},{"id":90,"label":91,"slug":92},[107],{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":109},[],{"uuid":111,"title":55,"description":112,"canonical_path":4,"image":113,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":114,"component_categories":120,"app":122},"f21d11ac-9978-4eb0-83b9-ff61d72e5353","Verification screen where the user is instructed to check their email for a login link sent to their address, with options to go back or resend the email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff21d11ac-9978-4eb0-83b9-ff61d72e5353.png",[115],{"id":116,"label":117,"slug":118,"rank":66,"group":119},6,"Verification","verification",{"id":68,"label":69,"slug":70},[121],{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":123},[],{"uuid":125,"title":55,"description":126,"canonical_path":4,"image":127,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":128,"component_categories":136,"app":142},"84346be2-7579-4aa3-97d5-bb1bb3223195","Verification screen providing troubleshooting steps for users who haven't received their magic login email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F84346be2-7579-4aa3-97d5-bb1bb3223195.png",[129,134],{"id":130,"label":131,"slug":132,"rank":66,"group":133},2,"Forgot Password","forgot-password",{"id":68,"label":69,"slug":70},{"id":86,"label":87,"slug":88,"rank":68,"group":135},{"id":90,"label":91,"slug":92},[137,141],{"id":138,"title":139,"slug":140},260,"Badge","badge",{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":143},[],{"uuid":145,"title":146,"description":147,"canonical_path":4,"image":148,"width":57,"height":149,"image_alt":150,"kind":60,"patterns":151,"component_categories":157,"app":159},"f383bd4d-f333-4fb8-9003-0fa7c21c960b","Sign up","Sign-up screen where the user provides their work email, company name, and contact details to register for a free account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff383bd4d-f333-4fb8-9003-0fa7c21c960b.png",2562,"Sign up from Clippings",[152],{"id":153,"label":154,"slug":155,"rank":66,"group":156},5,"Sign Up","sign-up",{"id":68,"label":69,"slug":70},[158],{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":160},[],{"uuid":162,"title":146,"description":163,"canonical_path":4,"image":164,"width":57,"height":58,"image_alt":150,"kind":60,"patterns":165,"component_categories":175,"app":176},"11b7c1f8-1018-4dba-9a92-fe736f70d4db","Signup step where the user selects their country of residence from an open dropdown menu.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F11b7c1f8-1018-4dba-9a92-fe736f70d4db.png",[166,168],{"id":153,"label":154,"slug":155,"rank":66,"group":167},{"id":68,"label":69,"slug":70},{"id":169,"label":170,"slug":171,"rank":68,"group":172},23,"Select","select",{"id":130,"label":173,"slug":174},"Actions","actions",[],{"slug":30,"title":29,"logo":32,"categories":177},[],{"uuid":179,"title":146,"description":180,"canonical_path":4,"image":181,"width":57,"height":182,"image_alt":150,"kind":60,"patterns":183,"component_categories":188,"app":190},"a2c9e53f-4e21-42cd-b26d-9984c250df56","Sign-up page where the user is prompted to correct multiple validation errors on fields like work email, company name, and privacy policy agreement before submitting.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa2c9e53f-4e21-42cd-b26d-9984c250df56.png",2882,[184,186],{"id":153,"label":154,"slug":155,"rank":66,"group":185},{"id":68,"label":69,"slug":70},{"id":86,"label":87,"slug":88,"rank":68,"group":187},{"id":90,"label":91,"slug":92},[189],{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":191},[],{"uuid":193,"title":146,"description":194,"canonical_path":4,"image":195,"width":57,"height":58,"image_alt":150,"kind":60,"patterns":196,"component_categories":199,"app":201},"437aee87-307f-4bb2-957c-87c97243a112","Verification screen where the user is instructed to check their email at a specific address to complete registration, with an option to resend if not received.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F437aee87-307f-4bb2-957c-87c97243a112.png",[197],{"id":116,"label":117,"slug":118,"rank":66,"group":198},{"id":68,"label":69,"slug":70},[200],{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":202},[],{"uuid":204,"title":29,"description":205,"canonical_path":4,"image":206,"width":57,"height":58,"image_alt":207,"kind":60,"patterns":208,"component_categories":222,"app":223},"72bd8841-d611-4892-9cd5-a67d245194fc","Landing page announcing the platform's pivot to a trade-only model, providing contact emails for trade accounts and existing orders.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F72bd8841-d611-4892-9cd5-a67d245194fc.png","Clippings from Clippings",[209,217],{"id":210,"label":211,"slug":212,"rank":66,"group":213},78,"Article","article",{"id":214,"label":215,"slug":216},15,"Marketing Page Types","marketing-page-types",{"id":218,"label":219,"slug":220,"rank":68,"group":221},119,"Info","info",{"id":90,"label":91,"slug":92},[],{"slug":30,"title":29,"logo":32,"categories":224},[],[],[227,229,231,233,235,237,239,241,244,247,250,253,256,259,261,265,269,273],{"label":87,"to":228},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":64,"to":230},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":154,"to":232},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":117,"to":234},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":131,"to":236},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":219,"to":238},"\u002Fexamples\u002Fscreens\u002Finfo",{"label":170,"to":240},"\u002Fexamples\u002Fscreens\u002Fselect",{"label":242,"to":243},"Clippings marketing pages","\u002Fexamples\u002Fapps\u002Fclippings\u002Fmarketing",{"label":245,"to":246},"Clippings user flows","\u002Fexamples\u002Fapps\u002Fclippings\u002Fflows",{"label":248,"to":249},"Clippings UI components","\u002Fexamples\u002Fapps\u002Fclippings\u002Fcomponents",{"label":251,"to":252},"Home Services app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fhome-services",{"label":254,"to":255},"Fashion app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffashion",{"label":257,"to":258},"Shopping app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fshopping",{"label":260,"to":18},"All SaaS app examples",{"label":262,"to":263,"description":264},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":266,"to":267,"description":268},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":270,"to":271,"description":272},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":274,"to":275,"description":276},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":278,"updated_at":279},"2023-04-16T22:34:16.000Z","2026-09-13T13:02:39.000Z"]