[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fclaude":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":56,"showcases":57,"links":271,"dates":304},"\u002Fexamples\u002Fapps\u002Fclaude","detail","apps",true,{"title":9,"description":10,"og_image":11},"Claude design examples - Nicelydone","Explore Claude UI design examples. Claude is a next generation AI assistant built for work and trained to be safe, accurate, and secure","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F06c70a70-6b3d-461b-b976-264861f736f8.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Claude design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Claude",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fclaude\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fclaude\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fclaude\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fclaude\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":46,"categories":47},"Claude","claude","Claude is a next generation AI assistant built for work and trained to be safe, accurate, and secure","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fclaudeai-uayp3ffk.png","https:\u002F\u002Fclaude.ai\u002F","AnthropicAI",[48,52],{"id":49,"title":50,"slug":51},80,"Artificial Intelligence","artificial-intelligence",{"id":53,"title":54,"slug":55},30,"Productivity","productivity",[],[58,262,265,268],{"family":59,"examples":60},"screens",[61,93,106,124,146,166,179,197,210,223,236,249],{"uuid":62,"title":41,"description":63,"canonical_path":29,"image":11,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":68,"component_categories":78,"app":91},"06c70a70-6b3d-461b-b976-264861f736f8","Sign-in screen where the user authenticates with Google or email to access the AI assistant.",3024,1662,"Claude from Claude","screen",[69],{"id":70,"label":71,"slug":72,"rank":73,"group":74},4,"Sign In","sign-in",0,{"id":75,"label":76,"slug":77},1,"Access & Account","access-and-account",[79,83,87],{"id":80,"title":81,"slug":82},174,"Card","card",{"id":84,"title":85,"slug":86},260,"Badge","badge",{"id":88,"title":89,"slug":90},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":92},[],{"uuid":94,"title":41,"description":95,"canonical_path":29,"image":96,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":97,"component_categories":100,"app":104},"7f0912ea-5476-4bbd-9862-f38d6e0ee328","Sign-in screen where the user authenticates with Google or email, currently showing a loading state after submitting an email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7f0912ea-5476-4bbd-9862-f38d6e0ee328.png",[98],{"id":70,"label":71,"slug":72,"rank":73,"group":99},{"id":75,"label":76,"slug":77},[101,102,103],{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":105},[],{"uuid":107,"title":41,"description":108,"canonical_path":29,"image":109,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":110,"component_categories":118,"app":122},"3b0be1ff-57e5-4dce-b418-681be0255794","Verification screen where the user is instructed to check their email for a magic link to complete the sign-in process.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3b0be1ff-57e5-4dce-b418-681be0255794.png",[111,116],{"id":112,"label":113,"slug":114,"rank":73,"group":115},6,"Verification","verification",{"id":75,"label":76,"slug":77},{"id":70,"label":71,"slug":72,"rank":75,"group":117},{"id":75,"label":76,"slug":77},[119,120,121],{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":123},[],{"uuid":125,"title":41,"description":126,"canonical_path":29,"image":127,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":128,"component_categories":142,"app":144},"22ca3d1a-a593-4c79-94b5-975021610f61","Auth success screen confirming the user is signed in as bertrand@nicelydone.club with a prompt to continue to Claude.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F22ca3d1a-a593-4c79-94b5-975021610f61.png",[129,137],{"id":130,"label":131,"slug":132,"rank":73,"group":133},122,"Success","success",{"id":134,"label":135,"slug":136},12,"States & Feedback","states-and-feedback",{"id":138,"label":139,"slug":140,"rank":75,"group":141},114,"Confirmation","confirmation",{"id":134,"label":135,"slug":136},[143],{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":145},[],{"uuid":147,"title":41,"description":148,"canonical_path":29,"image":149,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":150,"component_categories":163,"app":164},"7004ff83-55ad-46d7-a9fc-49a11a03d5f6","Verification screen where the user enters their phone number and birthdate to receive a code and agree to terms during account creation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7004ff83-55ad-46d7-a9fc-49a11a03d5f6.png",[151,155,157],{"id":75,"label":152,"slug":153,"rank":73,"group":154},"Account Setup","account-setup",{"id":75,"label":76,"slug":77},{"id":112,"label":113,"slug":114,"rank":75,"group":156},{"id":75,"label":76,"slug":77},{"id":158,"label":159,"slug":160,"rank":161,"group":162},5,"Sign Up","sign-up",2,{"id":75,"label":76,"slug":77},[],{"slug":42,"title":41,"logo":44,"categories":165},[],{"uuid":167,"title":41,"description":168,"canonical_path":29,"image":169,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":170,"component_categories":175,"app":177},"071bae3a-6f23-4756-be2e-5c2a17047463","Verification screen where the user enters their phone number and birthdate to receive an SMS code for account creation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F071bae3a-6f23-4756-be2e-5c2a17047463.png",[171,173],{"id":75,"label":152,"slug":153,"rank":73,"group":172},{"id":75,"label":76,"slug":77},{"id":112,"label":113,"slug":114,"rank":75,"group":174},{"id":75,"label":76,"slug":77},[176],{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":178},[],{"uuid":180,"title":41,"description":181,"canonical_path":29,"image":182,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":183,"component_categories":193,"app":195},"6ea91aeb-56e1-4fde-8e96-70b782e96ed2","Verification screen where the user enters their phone number and birthdate to receive a code, currently showing an error state for an invalid number.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6ea91aeb-56e1-4fde-8e96-70b782e96ed2.png",[184,186,188],{"id":112,"label":113,"slug":114,"rank":73,"group":185},{"id":75,"label":76,"slug":77},{"id":75,"label":152,"slug":153,"rank":75,"group":187},{"id":75,"label":76,"slug":77},{"id":189,"label":190,"slug":191,"rank":161,"group":192},116,"Error","error",{"id":134,"label":135,"slug":136},[194],{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":196},[],{"uuid":198,"title":41,"description":199,"canonical_path":29,"image":200,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":201,"component_categories":206,"app":208},"110d8711-8f01-4826-8fe7-ac19e307d254","Verification screen where the user enters their mobile phone number and birthdate to receive an SMS code and agree to the terms of service.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F110d8711-8f01-4826-8fe7-ac19e307d254.png",[202,204],{"id":158,"label":159,"slug":160,"rank":73,"group":203},{"id":75,"label":76,"slug":77},{"id":112,"label":113,"slug":114,"rank":75,"group":205},{"id":75,"label":76,"slug":77},[207],{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":209},[],{"uuid":211,"title":41,"description":212,"canonical_path":29,"image":213,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":214,"component_categories":219,"app":221},"cdbb196f-758b-4a2f-a2b9-4a9388a776da","Account creation step where the user enters their phone number and birthdate to receive an SMS verification code.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcdbb196f-758b-4a2f-a2b9-4a9388a776da.png",[215,217],{"id":75,"label":152,"slug":153,"rank":73,"group":216},{"id":75,"label":76,"slug":77},{"id":112,"label":113,"slug":114,"rank":75,"group":218},{"id":75,"label":76,"slug":77},[220],{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":222},[],{"uuid":224,"title":41,"description":225,"canonical_path":29,"image":226,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":227,"component_categories":232,"app":234},"57ec63c8-ffe8-4bd0-be17-10078f7eadf5","Verification screen where the user enters their phone number and birthdate to receive a confirmation code during account creation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F57ec63c8-ffe8-4bd0-be17-10078f7eadf5.png",[228,230],{"id":75,"label":152,"slug":153,"rank":73,"group":229},{"id":75,"label":76,"slug":77},{"id":158,"label":159,"slug":160,"rank":75,"group":231},{"id":75,"label":76,"slug":77},[233],{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":235},[],{"uuid":237,"title":41,"description":238,"canonical_path":29,"image":239,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":240,"component_categories":245,"app":247},"52d7f5e6-3758-46b8-b265-d1a14e965071","Signup step where the user enters an SMS verification code to confirm their phone number and finalize account creation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F52d7f5e6-3758-46b8-b265-d1a14e965071.png",[241,243],{"id":112,"label":113,"slug":114,"rank":73,"group":242},{"id":75,"label":76,"slug":77},{"id":158,"label":159,"slug":160,"rank":75,"group":244},{"id":75,"label":76,"slug":77},[246],{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":248},[],{"uuid":250,"title":41,"description":251,"canonical_path":29,"image":252,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":253,"component_categories":258,"app":260},"ab14d386-ee2a-4570-889c-d1df2af889ac","Verification screen where the user enters a 6-digit code sent via text to confirm their phone number and finalize account creation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fab14d386-ee2a-4570-889c-d1df2af889ac.png",[254,256],{"id":112,"label":113,"slug":114,"rank":73,"group":255},{"id":75,"label":76,"slug":77},{"id":158,"label":159,"slug":160,"rank":75,"group":257},{"id":75,"label":76,"slug":77},[259],{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":261},[],{"family":263,"examples":264},"flows",[],{"family":266,"examples":267},"components",[],{"family":269,"examples":270},"pages",[],[272,274,276,278,280,283,286,288,292,296,300],{"label":273,"to":29},"Claude product screens",{"label":275,"to":38},"Claude marketing pages",{"label":277,"to":32},"Claude user flows",{"label":279,"to":35},"Claude UI components",{"label":281,"to":282},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":284,"to":285},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":287,"to":18},"All SaaS app examples",{"label":289,"to":290,"description":291},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":293,"to":294,"description":295},"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":297,"to":298,"description":299},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":301,"to":302,"description":303},"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":305,"updated_at":306},"2024-07-04T07:43:26.000Z","2026-09-13T13:02:39.000Z"]