[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fclaude\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":45,"showcases":247,"links":248,"dates":296},"\u002Fexamples\u002Fapps\u002Fclaude\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Claude product screens examples - Nicelydone","Browse Claude screen design examples. Preview the interface screenshots and explore related UI patterns. Claude is a next generation AI assistant built for…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F06c70a70-6b3d-461b-b976-264861f736f8.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},"Claude design examples","\u002Fexamples\u002Fapps\u002Fclaude",{"label":23,"to":4},"Claude product screens examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Claude screen design examples. Preview the interface screenshots and explore related UI patterns. Claude is a next generation AI assistant built for work and trained to be safe, accurate, and secure",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":35,"categories":36},"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",[37,41],{"id":38,"title":39,"slug":40},80,"Artificial Intelligence","artificial-intelligence",{"id":42,"title":43,"slug":44},30,"Productivity","productivity",[46,78,91,109,131,151,164,182,195,208,221,234],{"uuid":47,"title":30,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":53,"component_categories":63,"app":76},"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",[54],{"id":55,"label":56,"slug":57,"rank":58,"group":59},4,"Sign In","sign-in",0,{"id":60,"label":61,"slug":62},1,"Access & Account","access-and-account",[64,68,72],{"id":65,"title":66,"slug":67},174,"Card","card",{"id":69,"title":70,"slug":71},260,"Badge","badge",{"id":73,"title":74,"slug":75},175,"Button","button",{"slug":31,"title":30,"logo":33,"categories":77},[],{"uuid":79,"title":30,"description":80,"canonical_path":4,"image":81,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":82,"component_categories":85,"app":89},"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",[83],{"id":55,"label":56,"slug":57,"rank":58,"group":84},{"id":60,"label":61,"slug":62},[86,87,88],{"id":65,"title":66,"slug":67},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":90},[],{"uuid":92,"title":30,"description":93,"canonical_path":4,"image":94,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":95,"component_categories":103,"app":107},"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",[96,101],{"id":97,"label":98,"slug":99,"rank":58,"group":100},6,"Verification","verification",{"id":60,"label":61,"slug":62},{"id":55,"label":56,"slug":57,"rank":60,"group":102},{"id":60,"label":61,"slug":62},[104,105,106],{"id":65,"title":66,"slug":67},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":108},[],{"uuid":110,"title":30,"description":111,"canonical_path":4,"image":112,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":113,"component_categories":127,"app":129},"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",[114,122],{"id":115,"label":116,"slug":117,"rank":58,"group":118},122,"Success","success",{"id":119,"label":120,"slug":121},12,"States & Feedback","states-and-feedback",{"id":123,"label":124,"slug":125,"rank":60,"group":126},114,"Confirmation","confirmation",{"id":119,"label":120,"slug":121},[128],{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":130},[],{"uuid":132,"title":30,"description":133,"canonical_path":4,"image":134,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":135,"component_categories":148,"app":149},"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",[136,140,142],{"id":60,"label":137,"slug":138,"rank":58,"group":139},"Account Setup","account-setup",{"id":60,"label":61,"slug":62},{"id":97,"label":98,"slug":99,"rank":60,"group":141},{"id":60,"label":61,"slug":62},{"id":143,"label":144,"slug":145,"rank":146,"group":147},5,"Sign Up","sign-up",2,{"id":60,"label":61,"slug":62},[],{"slug":31,"title":30,"logo":33,"categories":150},[],{"uuid":152,"title":30,"description":153,"canonical_path":4,"image":154,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":155,"component_categories":160,"app":162},"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",[156,158],{"id":60,"label":137,"slug":138,"rank":58,"group":157},{"id":60,"label":61,"slug":62},{"id":97,"label":98,"slug":99,"rank":60,"group":159},{"id":60,"label":61,"slug":62},[161],{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":163},[],{"uuid":165,"title":30,"description":166,"canonical_path":4,"image":167,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":168,"component_categories":178,"app":180},"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",[169,171,173],{"id":97,"label":98,"slug":99,"rank":58,"group":170},{"id":60,"label":61,"slug":62},{"id":60,"label":137,"slug":138,"rank":60,"group":172},{"id":60,"label":61,"slug":62},{"id":174,"label":175,"slug":176,"rank":146,"group":177},116,"Error","error",{"id":119,"label":120,"slug":121},[179],{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":181},[],{"uuid":183,"title":30,"description":184,"canonical_path":4,"image":185,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":186,"component_categories":191,"app":193},"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",[187,189],{"id":143,"label":144,"slug":145,"rank":58,"group":188},{"id":60,"label":61,"slug":62},{"id":97,"label":98,"slug":99,"rank":60,"group":190},{"id":60,"label":61,"slug":62},[192],{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":194},[],{"uuid":196,"title":30,"description":197,"canonical_path":4,"image":198,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":199,"component_categories":204,"app":206},"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",[200,202],{"id":60,"label":137,"slug":138,"rank":58,"group":201},{"id":60,"label":61,"slug":62},{"id":97,"label":98,"slug":99,"rank":60,"group":203},{"id":60,"label":61,"slug":62},[205],{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":207},[],{"uuid":209,"title":30,"description":210,"canonical_path":4,"image":211,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":212,"component_categories":217,"app":219},"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",[213,215],{"id":60,"label":137,"slug":138,"rank":58,"group":214},{"id":60,"label":61,"slug":62},{"id":143,"label":144,"slug":145,"rank":60,"group":216},{"id":60,"label":61,"slug":62},[218],{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":220},[],{"uuid":222,"title":30,"description":223,"canonical_path":4,"image":224,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":225,"component_categories":230,"app":232},"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",[226,228],{"id":97,"label":98,"slug":99,"rank":58,"group":227},{"id":60,"label":61,"slug":62},{"id":143,"label":144,"slug":145,"rank":60,"group":229},{"id":60,"label":61,"slug":62},[231],{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":233},[],{"uuid":235,"title":30,"description":236,"canonical_path":4,"image":237,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":238,"component_categories":243,"app":245},"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",[239,241],{"id":97,"label":98,"slug":99,"rank":58,"group":240},{"id":60,"label":61,"slug":62},{"id":143,"label":144,"slug":145,"rank":60,"group":242},{"id":60,"label":61,"slug":62},[244],{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":246},[],[],[249,251,253,255,257,259,261,263,266,269,272,275,278,280,284,288,292],{"label":98,"to":250},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":137,"to":252},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":144,"to":254},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":56,"to":256},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":124,"to":258},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":175,"to":260},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":116,"to":262},"\u002Fexamples\u002Fscreens\u002Fsuccess",{"label":264,"to":265},"Claude marketing pages","\u002Fexamples\u002Fapps\u002Fclaude\u002Fmarketing",{"label":267,"to":268},"Claude user flows","\u002Fexamples\u002Fapps\u002Fclaude\u002Fflows",{"label":270,"to":271},"Claude UI components","\u002Fexamples\u002Fapps\u002Fclaude\u002Fcomponents",{"label":273,"to":274},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":276,"to":277},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":279,"to":18},"All SaaS app examples",{"label":281,"to":282,"description":283},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":285,"to":286,"description":287},"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":289,"to":290,"description":291},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":293,"to":294,"description":295},"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":297,"updated_at":298},"2024-07-04T07:43:37.000Z","2026-09-13T13:02:39.000Z"]