[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fopenai\u002Fscreens":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":246,"links":247,"dates":300},"\u002Fexamples\u002Fapps\u002Fopenai\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"OpenAI product screens examples - Nicelydone","Browse OpenAI screen design examples. Preview the interface screenshots and explore related UI patterns. AI research and deployment company","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fabb2c76a-6aa3-4f85-993b-4feaab456dd2.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},"OpenAI design examples","\u002Fexamples\u002Fapps\u002Fopenai",{"label":23,"to":4},"OpenAI 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":30,"categories":34},"OpenAI","openai","AI research and deployment company","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fopenai-3e372b56.png","https:\u002F\u002Fopenai.com",[35,39,43],{"id":36,"title":37,"slug":38},80,"Artificial Intelligence","artificial-intelligence",{"id":40,"title":41,"slug":42},77,"Machine learning","machine-learning",{"id":44,"title":45,"slug":46},37,"Developer APIs","developer-apis",[48,73,89,108,128,141,158,174,190,202,217,227],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":56,"component_categories":66,"app":71},"abb2c76a-6aa3-4f85-993b-4feaab456dd2","ChatGPT | OpenAI","Authentication landing screen where the user chooses to either log in or sign up for a ChatGPT account.",3024,1738,"ChatGPT | OpenAI from OpenAI","screen",[57],{"id":58,"label":59,"slug":60,"rank":61,"group":62},5,"Sign Up","sign-up",0,{"id":63,"label":64,"slug":65},1,"Access & Account","access-and-account",[67],{"id":68,"title":69,"slug":70},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":72},[],{"uuid":74,"title":75,"description":76,"canonical_path":4,"image":77,"width":52,"height":53,"image_alt":78,"kind":55,"patterns":79,"component_categories":85,"app":87},"236b3a72-e42a-46e0-9de5-192a0340c77e","httpsauth0.openai.comuloginidentifierstate=hKFo2SB2TUZ0QkpQWGhQUT","Sign-in screen where the user authenticates with an email address or via Google or Microsoft accounts.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F236b3a72-e42a-46e0-9de5-192a0340c77e.png","httpsauth0.openai.comuloginidentifierstate=hKFo2SB2TUZ0QkpQWGhQUT from OpenAI",[80],{"id":81,"label":82,"slug":83,"rank":61,"group":84},4,"Sign In","sign-in",{"id":63,"label":64,"slug":65},[86],{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":88},[],{"uuid":90,"title":91,"description":92,"canonical_path":4,"image":93,"width":52,"height":53,"image_alt":94,"kind":55,"patterns":95,"component_categories":101,"app":106},"a61302b7-7d30-4730-8394-316840adbeb2","httpsauth0.openai.comureset-passwordrequestUsername-Password-Auth","Password recovery screen where the user enters their email address to receive reset instructions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa61302b7-7d30-4730-8394-316840adbeb2.png","httpsauth0.openai.comureset-passwordrequestUsername-Password-Auth from OpenAI",[96],{"id":97,"label":98,"slug":99,"rank":61,"group":100},2,"Forgot Password","forgot-password",{"id":63,"label":64,"slug":65},[102],{"id":103,"title":104,"slug":105},240,"Horizontal navigation","horizontal-navigation",{"slug":30,"title":29,"logo":32,"categories":107},[],{"uuid":109,"title":91,"description":110,"canonical_path":4,"image":111,"width":52,"height":53,"image_alt":94,"kind":55,"patterns":112,"component_categories":123,"app":126},"b6bb794f-c28a-4b9f-8222-998180aa8fa4","Password recovery screen confirming that a reset link has been sent to the user's email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb6bb794f-c28a-4b9f-8222-998180aa8fa4.png",[113,115],{"id":97,"label":98,"slug":99,"rank":61,"group":114},{"id":63,"label":64,"slug":65},{"id":116,"label":117,"slug":118,"rank":63,"group":119},122,"Success","success",{"id":120,"label":121,"slug":122},12,"States & Feedback","states-and-feedback",[124,125],{"id":103,"title":104,"slug":105},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":127},[],{"uuid":129,"title":130,"description":131,"canonical_path":4,"image":132,"width":52,"height":53,"image_alt":133,"kind":55,"patterns":134,"component_categories":137,"app":139},"f8938266-a082-4680-8a00-9636a6d283cf","httpsauth0.openai.comusignupidentifierstate=hKFo2SB2TUZ0QkpQWGhQU","Signup screen where the user enters their email address or chooses to authenticate with Google or Microsoft to create an account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff8938266-a082-4680-8a00-9636a6d283cf.png","httpsauth0.openai.comusignupidentifierstate=hKFo2SB2TUZ0QkpQWGhQU from OpenAI",[135],{"id":58,"label":59,"slug":60,"rank":61,"group":136},{"id":63,"label":64,"slug":65},[138],{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":140},[],{"uuid":142,"title":143,"description":144,"canonical_path":4,"image":145,"width":52,"height":53,"image_alt":146,"kind":55,"patterns":147,"component_categories":154,"app":156},"3058edaf-51e2-49ed-a4cf-062d7600495d","httpsauth0.openai.comusignuppasswordstate=hKFo2SB2TUZ0QkpQWGhQUTZ","Signup screen where the user sets a password for their pre-filled email address to continue creating their account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3058edaf-51e2-49ed-a4cf-062d7600495d.png","httpsauth0.openai.comusignuppasswordstate=hKFo2SB2TUZ0QkpQWGhQUTZ from OpenAI",[148,150],{"id":58,"label":59,"slug":60,"rank":61,"group":149},{"id":63,"label":64,"slug":65},{"id":63,"label":151,"slug":152,"rank":63,"group":153},"Account Setup","account-setup",{"id":63,"label":64,"slug":65},[155],{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":157},[],{"uuid":159,"title":143,"description":160,"canonical_path":4,"image":161,"width":52,"height":53,"image_alt":146,"kind":55,"patterns":162,"component_categories":167,"app":172},"aed63557-6650-4bdc-a691-af5316c8b66e","Signup screen where the user sets a password for their new account, featuring inline password requirement validation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faed63557-6650-4bdc-a691-af5316c8b66e.png",[163,165],{"id":58,"label":59,"slug":60,"rank":61,"group":164},{"id":63,"label":64,"slug":65},{"id":63,"label":151,"slug":152,"rank":63,"group":166},{"id":63,"label":64,"slug":65},[168],{"id":169,"title":170,"slug":171},174,"Card","card",{"slug":30,"title":29,"logo":32,"categories":173},[],{"uuid":175,"title":176,"description":177,"canonical_path":4,"image":178,"width":52,"height":53,"image_alt":179,"kind":55,"patterns":180,"component_categories":186,"app":188},"969bb965-3f1d-462b-8454-e686eaac7096","OpenAI API","Verification screen instructing the user to check their inbox and click the link sent to their email address to continue, with an option to resend the email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F969bb965-3f1d-462b-8454-e686eaac7096.png","OpenAI API from OpenAI",[181],{"id":182,"label":183,"slug":184,"rank":61,"group":185},6,"Verification","verification",{"id":63,"label":64,"slug":65},[187],{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":189},[],{"uuid":191,"title":192,"description":193,"canonical_path":4,"image":194,"width":52,"height":53,"image_alt":195,"kind":55,"patterns":196,"component_categories":199,"app":200},"23884517-811c-4e0d-90bb-aa9c8e05cd52","httpsbeta.openai.comauthemail_verificationsupportSignUp=truesuppo","Verification screen where the user must pass a Cloudflare human-verification check to proceed.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F23884517-811c-4e0d-90bb-aa9c8e05cd52.png","httpsbeta.openai.comauthemail_verificationsupportSignUp=truesuppo from OpenAI",[197],{"id":182,"label":183,"slug":184,"rank":61,"group":198},{"id":63,"label":64,"slug":65},[],{"slug":30,"title":29,"logo":32,"categories":201},[],{"uuid":203,"title":192,"description":204,"canonical_path":4,"image":205,"width":52,"height":53,"image_alt":195,"kind":55,"patterns":206,"component_categories":214,"app":215},"a5e50b83-a4da-4617-b138-7af6e125925f","Interstitial screen where the system verifies the user's browser before proceeding to the application.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa5e50b83-a4da-4617-b138-7af6e125925f.png",[207,212],{"id":208,"label":209,"slug":210,"rank":61,"group":211},120,"Loading","loading",{"id":120,"label":121,"slug":122},{"id":182,"label":183,"slug":184,"rank":63,"group":213},{"id":63,"label":64,"slug":65},[],{"slug":30,"title":29,"logo":32,"categories":216},[],{"uuid":218,"title":176,"description":219,"canonical_path":4,"image":220,"width":52,"height":53,"image_alt":179,"kind":55,"patterns":221,"component_categories":224,"app":225},"87907923-cd18-42f8-8bb7-5336cafea7d5","Onboarding step where the user enters their first and last name to complete their account profile.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F87907923-cd18-42f8-8bb7-5336cafea7d5.png",[222],{"id":63,"label":151,"slug":152,"rank":61,"group":223},{"id":63,"label":64,"slug":65},[],{"slug":30,"title":29,"logo":32,"categories":226},[],{"uuid":228,"title":176,"description":229,"canonical_path":4,"image":230,"width":52,"height":53,"image_alt":179,"kind":55,"patterns":231,"component_categories":242,"app":244},"ac304a7a-bb14-4ead-8523-2c538bafde1a","Onboarding step where the user confirms their first and last name before continuing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fac304a7a-bb14-4ead-8523-2c538bafde1a.png",[232,234],{"id":63,"label":151,"slug":152,"rank":61,"group":233},{"id":63,"label":64,"slug":65},{"id":235,"label":236,"slug":237,"rank":63,"group":238},3,"Profile","profile",{"id":239,"label":240,"slug":241},11,"Social & Collaboration","social-and-collaboration",[243],{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":245},[],[],[248,250,252,254,256,258,260,262,264,267,270,273,276,279,282,284,288,292,296],{"label":151,"to":249},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":59,"to":251},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":183,"to":253},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":98,"to":255},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":209,"to":257},"\u002Fexamples\u002Fscreens\u002Floading",{"label":236,"to":259},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":82,"to":261},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":117,"to":263},"\u002Fexamples\u002Fscreens\u002Fsuccess",{"label":265,"to":266},"OpenAI marketing pages","\u002Fexamples\u002Fapps\u002Fopenai\u002Fmarketing",{"label":268,"to":269},"OpenAI user flows","\u002Fexamples\u002Fapps\u002Fopenai\u002Fflows",{"label":271,"to":272},"OpenAI UI components","\u002Fexamples\u002Fapps\u002Fopenai\u002Fcomponents",{"label":274,"to":275},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":277,"to":278},"Machine learning app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmachine-learning",{"label":280,"to":281},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"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},"2023-05-03T13:16:37.000Z","2026-09-13T13:02:39.000Z"]