[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fclay":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":52,"showcases":53,"links":270,"dates":300},"\u002Fexamples\u002Fapps\u002Fclay","detail","apps",true,{"title":9,"description":10,"og_image":11},"Clay design examples - Nicelydone","Explore Clay UI design examples. Be more thoughtful with the people in your network","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fecbd12a4-2afc-40cd-90c6-8dd1df18970c.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Clay design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Clay",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fclay\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fclay\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fclay\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fclay\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":46,"categories":47},"Clay","clay","Be more thoughtful with the people in your network","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fclay-imneva1j.png","https:\u002F\u002Fclay.earth","clayhq",[48],{"id":49,"title":50,"slug":51},53,"CRM","crm",[],[54,261,264,267],{"family":55,"examples":56},"screens",[57,86,98,110,122,134,173,193,207,222,232,248],{"uuid":58,"title":59,"description":60,"canonical_path":29,"image":11,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":65,"component_categories":75,"app":84},"ecbd12a4-2afc-40cd-90c6-8dd1df18970c","Clay | Login","Sign-in screen where the user authenticates with Google or an email address, featuring a stylized product preview of a prospect intent tracker on the right.",3024,1780,"Clay | Login from Clay","screen",[66],{"id":67,"label":68,"slug":69,"rank":70,"group":71},4,"Sign In","sign-in",0,{"id":72,"label":73,"slug":74},1,"Access & Account","access-and-account",[76,80],{"id":77,"title":78,"slug":79},174,"Card","card",{"id":81,"title":82,"slug":83},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":85},[],{"uuid":87,"title":59,"description":88,"canonical_path":29,"image":89,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":90,"component_categories":93,"app":96},"c4e8734d-d315-4408-968e-f820189e5b04","Sign-in screen where the user authenticates with Google or email, featuring a stylized product mockup of a prospect intent tracker on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc4e8734d-d315-4408-968e-f820189e5b04.png",[91],{"id":67,"label":68,"slug":69,"rank":70,"group":92},{"id":72,"label":73,"slug":74},[94,95],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":97},[],{"uuid":99,"title":59,"description":100,"canonical_path":29,"image":101,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":102,"component_categories":105,"app":108},"3ba4dcfe-331d-4dd4-a624-be8804721771","Sign-in screen where the user authenticates with Google or enters their email to continue, featuring a product preview illustration on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3ba4dcfe-331d-4dd4-a624-be8804721771.png",[103],{"id":67,"label":68,"slug":69,"rank":70,"group":104},{"id":72,"label":73,"slug":74},[106,107],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":109},[],{"uuid":111,"title":59,"description":112,"canonical_path":29,"image":113,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":114,"component_categories":117,"app":120},"d7b1a9e5-c175-423d-9a85-5d50917f2b64","Sign-in screen where the user authenticates with an email and password, featuring an abstract 3D illustration and a mock data table on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd7b1a9e5-c175-423d-9a85-5d50917f2b64.png",[115],{"id":67,"label":68,"slug":69,"rank":70,"group":116},{"id":72,"label":73,"slug":74},[118,119],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":121},[],{"uuid":123,"title":59,"description":124,"canonical_path":29,"image":125,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":126,"component_categories":129,"app":132},"12385c13-cd7c-4fc2-98ad-8573512d2b7f","Sign-in screen where the user authenticates with their email and password, featuring a product preview graphic on the right half of the screen.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F12385c13-cd7c-4fc2-98ad-8573512d2b7f.png",[127],{"id":67,"label":68,"slug":69,"rank":70,"group":128},{"id":72,"label":73,"slug":74},[130,131],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":133},[],{"uuid":135,"title":41,"description":136,"canonical_path":29,"image":137,"width":61,"height":62,"image_alt":138,"kind":64,"patterns":139,"component_categories":164,"app":171},"f0a42114-cca4-42b7-98e8-b8c97a3e842b","Home screen where the user can launch quick actions like finding people or companies, and access their recent workflows and tables.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff0a42114-cca4-42b7-98e8-b8c97a3e842b.png","Clay from Clay",[140,148,156],{"id":141,"label":142,"slug":143,"rank":70,"group":144},81,"Home","home",{"id":145,"label":146,"slug":147},8,"Pages & Content","pages-and-content",{"id":149,"label":150,"slug":151,"rank":72,"group":152},66,"Quick Actions","quick-actions",{"id":153,"label":154,"slug":155},6,"Navigation & Commands","navigation-and-commands",{"id":157,"label":158,"slug":159,"rank":160,"group":161},22,"Search","search",2,{"id":160,"label":162,"slug":163},"Actions","actions",[165,169,170],{"id":166,"title":167,"slug":168},169,"Avatar","avatar",{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":172},[],{"uuid":174,"title":59,"description":175,"canonical_path":29,"image":176,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":177,"component_categories":188,"app":191},"2979d273-922e-4327-a1ed-8d31116e3ed4","Sign-in screen where the user authenticates via Google SSO or email, featuring an active error state on the email input and a decorative product preview on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2979d273-922e-4327-a1ed-8d31116e3ed4.png",[178,180],{"id":67,"label":68,"slug":69,"rank":70,"group":179},{"id":72,"label":73,"slug":74},{"id":181,"label":182,"slug":183,"rank":72,"group":184},116,"Error","error",{"id":185,"label":186,"slug":187},12,"States & Feedback","states-and-feedback",[189,190],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":192},[],{"uuid":194,"title":59,"description":195,"canonical_path":29,"image":196,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":197,"component_categories":202,"app":205},"5200f592-2675-44d1-8a35-5dcd49eef317","Sign-in screen where the user authenticates with Google or email, featuring a split layout with a product mockup and an active validation error on the email field.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5200f592-2675-44d1-8a35-5dcd49eef317.png",[198,200],{"id":67,"label":68,"slug":69,"rank":70,"group":199},{"id":72,"label":73,"slug":74},{"id":181,"label":182,"slug":183,"rank":72,"group":201},{"id":185,"label":186,"slug":187},[203,204],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":206},[],{"uuid":208,"title":209,"description":210,"canonical_path":29,"image":211,"width":61,"height":62,"image_alt":212,"kind":64,"patterns":213,"component_categories":218,"app":220},"79fb6be5-32db-4650-a0b6-a5920e2d7c13","Clay | Forgot Password","Password recovery screen where the user enters their email address to receive a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F79fb6be5-32db-4650-a0b6-a5920e2d7c13.png","Clay | Forgot Password from Clay",[214],{"id":160,"label":215,"slug":216,"rank":70,"group":217},"Forgot Password","forgot-password",{"id":72,"label":73,"slug":74},[219],{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":221},[],{"uuid":223,"title":209,"description":210,"canonical_path":29,"image":224,"width":61,"height":62,"image_alt":212,"kind":64,"patterns":225,"component_categories":228,"app":230},"79f88d59-e18f-414a-8f9c-0057349a05f4","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F79f88d59-e18f-414a-8f9c-0057349a05f4.png",[226],{"id":160,"label":215,"slug":216,"rank":70,"group":227},{"id":72,"label":73,"slug":74},[229],{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":231},[],{"uuid":233,"title":209,"description":234,"canonical_path":29,"image":235,"width":61,"height":62,"image_alt":212,"kind":64,"patterns":236,"component_categories":244,"app":246},"0a436014-037d-4018-9172-6b99fa084a21","Password recovery screen confirming that a reset link has been sent to the user's email address with instructions to check their spam folder.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0a436014-037d-4018-9172-6b99fa084a21.png",[237,239],{"id":160,"label":215,"slug":216,"rank":70,"group":238},{"id":72,"label":73,"slug":74},{"id":240,"label":241,"slug":242,"rank":72,"group":243},122,"Success","success",{"id":185,"label":186,"slug":187},[245],{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":247},[],{"uuid":249,"title":250,"description":251,"canonical_path":29,"image":252,"width":61,"height":62,"image_alt":253,"kind":64,"patterns":254,"component_categories":257,"app":259},"8a88e64b-f4ab-44f1-bfab-09748101a8bb","Clay | Reset Password","Password recovery screen where the user enters and confirms a new password meeting specific character requirements.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8a88e64b-f4ab-44f1-bfab-09748101a8bb.png","Clay | Reset Password from Clay",[255],{"id":160,"label":215,"slug":216,"rank":70,"group":256},{"id":72,"label":73,"slug":74},[258],{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":260},[],{"family":262,"examples":263},"flows",[],{"family":265,"examples":266},"components",[],{"family":268,"examples":269},"pages",[],[271,273,275,277,279,282,284,288,292,296],{"label":272,"to":29},"Clay product screens",{"label":274,"to":38},"Clay marketing pages",{"label":276,"to":32},"Clay user flows",{"label":278,"to":35},"Clay UI components",{"label":280,"to":281},"CRM app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcrm",{"label":283,"to":18},"All SaaS app examples",{"label":285,"to":286,"description":287},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":289,"to":290,"description":291},"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":293,"to":294,"description":295},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":297,"to":298,"description":299},"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":301,"updated_at":302},"2022-10-16T11:52:28.000Z","2026-09-13T13:02:39.000Z"]