[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Freplit\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":51,"showcases":281,"links":282,"dates":339},"\u002Fexamples\u002Fapps\u002Freplit\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Replit product screens examples - Nicelydone","Browse Replit screen design examples. Preview the interface screenshots and explore related UI patterns. Turn your ideas into apps with AI","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb1499b0a-5b5a-4cbc-aee5-a6446fe720e1.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},"Replit design examples","\u002Fexamples\u002Fapps\u002Freplit",{"label":23,"to":4},"Replit 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},"Replit","replit","Turn your ideas into apps with AI","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Freplit-7961c4fc.png","https:\u002F\u002Freplit.com",[35,39,43,47],{"id":36,"title":37,"slug":38},80,"Artificial Intelligence","artificial-intelligence",{"id":40,"title":41,"slug":42},48,"Developer Tools","developer-tools",{"id":44,"title":45,"slug":46},7,"Web Development","web-development",{"id":48,"title":49,"slug":50},96,"No code","no-code",[52,81,96,139,157,168,188,201,212,228,239,254],{"uuid":53,"title":54,"description":55,"canonical_path":4,"image":11,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":60,"component_categories":70,"app":79},"b1499b0a-5b5a-4cbc-aee5-a6446fe720e1","Log In - Replit","Sign-in screen where the user authenticates with email and password, SSO, or various social providers like Google, GitHub, and Apple.",3024,1778,"Log In - Replit from Replit","screen",[61],{"id":62,"label":63,"slug":64,"rank":65,"group":66},4,"Sign In","sign-in",0,{"id":67,"label":68,"slug":69},1,"Access & Account","access-and-account",[71,75],{"id":72,"title":73,"slug":74},277,"Button group","button-group",{"id":76,"title":77,"slug":78},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":80},[],{"uuid":82,"title":54,"description":83,"canonical_path":4,"image":84,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":85,"component_categories":91,"app":94},"9c6983af-896b-482e-9b05-3efab3cb9070","Sign-in screen where the user authenticates with email and password, SSO, or various OAuth providers like Google, GitHub, and Apple, alongside a feature showcase.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9c6983af-896b-482e-9b05-3efab3cb9070.png",[86],{"id":87,"label":88,"slug":89,"rank":65,"group":90},2,"Forgot Password","forgot-password",{"id":67,"label":68,"slug":69},[92,93],{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":95},[],{"uuid":97,"title":98,"description":99,"canonical_path":4,"image":100,"width":56,"height":57,"image_alt":101,"kind":59,"patterns":102,"component_categories":131,"app":137},"71f67dfd-e688-4857-ada4-fdcf8e38bdcb","Home - Replit","Home screen where the user is prompted to describe an app or site they want to create using AI, with suggested starter prompts like local landmarks map and stock analysis.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F71f67dfd-e688-4857-ada4-fdcf8e38bdcb.png","Home - Replit from Replit",[103,111,119,124],{"id":104,"label":105,"slug":106,"rank":65,"group":107},27,"AI Assistant","ai-assistant",{"id":108,"label":109,"slug":110},3,"AI","ai",{"id":112,"label":113,"slug":114,"rank":67,"group":115},81,"Home","home",{"id":116,"label":117,"slug":118},8,"Pages & Content","pages-and-content",{"id":120,"label":121,"slug":122,"rank":87,"group":123},30,"AI Generation","ai-generation",{"id":108,"label":109,"slug":110},{"id":125,"label":126,"slug":127,"rank":108,"group":128},22,"Search","search",{"id":87,"label":129,"slug":130},"Actions","actions",[132,136],{"id":133,"title":134,"slug":135},169,"Avatar","avatar",{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":138},[],{"uuid":140,"title":141,"description":142,"canonical_path":4,"image":143,"width":56,"height":144,"image_alt":145,"kind":59,"patterns":146,"component_categories":149,"app":155},"9149079d-c640-4491-82af-879a46399d36","Forgot Password - Replit","Password recovery screen where the user enters their email address to receive a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9149079d-c640-4491-82af-879a46399d36.png",2170,"Forgot Password - Replit from Replit",[147],{"id":87,"label":88,"slug":89,"rank":65,"group":148},{"id":67,"label":68,"slug":69},[150,154],{"id":151,"title":152,"slug":153},240,"Horizontal navigation","horizontal-navigation",{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":156},[],{"uuid":158,"title":141,"description":142,"canonical_path":4,"image":159,"width":56,"height":144,"image_alt":145,"kind":59,"patterns":160,"component_categories":163,"app":166},"ac53b92a-77ae-4f96-8501-0fca6e86a76b","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fac53b92a-77ae-4f96-8501-0fca6e86a76b.png",[161],{"id":87,"label":88,"slug":89,"rank":65,"group":162},{"id":67,"label":68,"slug":69},[164,165],{"id":151,"title":152,"slug":153},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":167},[],{"uuid":169,"title":141,"description":170,"canonical_path":4,"image":171,"width":56,"height":144,"image_alt":145,"kind":59,"patterns":172,"component_categories":183,"app":186},"2182952c-de73-4a76-8f2a-b827ffdbd68a","Password recovery screen where the user sees a success confirmation after requesting a reset link for their email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2182952c-de73-4a76-8f2a-b827ffdbd68a.png",[173,175],{"id":87,"label":88,"slug":89,"rank":65,"group":174},{"id":67,"label":68,"slug":69},{"id":176,"label":177,"slug":178,"rank":67,"group":179},122,"Success","success",{"id":180,"label":181,"slug":182},12,"States & Feedback","states-and-feedback",[184,185],{"id":151,"title":152,"slug":153},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":187},[],{"uuid":189,"title":190,"description":191,"canonical_path":4,"image":192,"width":56,"height":57,"image_alt":193,"kind":59,"patterns":194,"component_categories":197,"app":199},"2fea1db8-c11a-4bf4-8d3d-98994e0d2ce2","Password Reset - Replit","Password recovery screen where the user enters a new password to regain access to their account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2fea1db8-c11a-4bf4-8d3d-98994e0d2ce2.png","Password Reset - Replit from Replit",[195],{"id":87,"label":88,"slug":89,"rank":65,"group":196},{"id":67,"label":68,"slug":69},[198],{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":200},[],{"uuid":202,"title":190,"description":203,"canonical_path":4,"image":204,"width":56,"height":57,"image_alt":193,"kind":59,"patterns":205,"component_categories":208,"app":210},"3428a6ec-18e6-4edf-9177-8c072731ef91","Password recovery screen where the user enters and submits a new password to regain account access.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3428a6ec-18e6-4edf-9177-8c072731ef91.png",[206],{"id":87,"label":88,"slug":89,"rank":65,"group":207},{"id":67,"label":68,"slug":69},[209],{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":211},[],{"uuid":213,"title":214,"description":215,"canonical_path":4,"image":216,"width":56,"height":57,"image_alt":217,"kind":59,"patterns":218,"component_categories":224,"app":226},"734d8718-4a7d-43fc-8d19-8bb7200f3018","Sign Up - Replit","Signup screen where the user chooses between OAuth providers, email, or SSO to create an account, paired with a dark-themed feature highlight panel.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F734d8718-4a7d-43fc-8d19-8bb7200f3018.png","Sign Up - Replit from Replit",[219],{"id":220,"label":221,"slug":222,"rank":65,"group":223},5,"Sign Up","sign-up",{"id":67,"label":68,"slug":69},[225],{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":227},[],{"uuid":229,"title":214,"description":230,"canonical_path":4,"image":231,"width":56,"height":57,"image_alt":217,"kind":59,"patterns":232,"component_categories":235,"app":237},"3d94f730-9220-45dd-bda2-9a63bcd105dc","Signup page where the user can create an account using Google, GitHub, X, SSO, or email and password, alongside a promotional feature showcase.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3d94f730-9220-45dd-bda2-9a63bcd105dc.png",[233],{"id":220,"label":221,"slug":222,"rank":65,"group":234},{"id":67,"label":68,"slug":69},[236],{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":238},[],{"uuid":240,"title":214,"description":241,"canonical_path":4,"image":242,"width":56,"height":57,"image_alt":217,"kind":59,"patterns":243,"component_categories":250,"app":252},"a5de3df2-c83d-4c98-9e9e-237861c9240e","Signup screen where the user creates an account via social providers, SSO, or email, alongside a dark-themed feature highlight panel.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa5de3df2-c83d-4c98-9e9e-237861c9240e.png",[244,246],{"id":220,"label":221,"slug":222,"rank":65,"group":245},{"id":67,"label":68,"slug":69},{"id":67,"label":247,"slug":248,"rank":67,"group":249},"Account Setup","account-setup",{"id":67,"label":68,"slug":69},[251],{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":253},[],{"uuid":255,"title":98,"description":256,"canonical_path":4,"image":257,"width":56,"height":57,"image_alt":101,"kind":59,"patterns":258,"component_categories":268,"app":279},"66f5e555-870e-45da-827d-8ede2761989d","Onboarding step where the user provides their name and selects their intended use case for the product.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F66f5e555-870e-45da-827d-8ede2761989d.png",[259,261],{"id":67,"label":247,"slug":248,"rank":65,"group":260},{"id":67,"label":68,"slug":69},{"id":262,"label":263,"slug":264,"rank":67,"group":265},77,"Welcome","welcome",{"id":44,"label":266,"slug":267},"Onboarding & Education","onboarding-and-education",[269,273,277,278],{"id":270,"title":271,"slug":272},284,"Modal","modal",{"id":274,"title":275,"slug":276},227,"Stepper","stepper",{"id":133,"title":134,"slug":135},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":280},[],[],[283,285,287,289,291,293,295,297,299,301,303,306,309,312,315,318,321,323,327,331,335],{"label":88,"to":284},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":221,"to":286},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":247,"to":288},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":105,"to":290},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":121,"to":292},"\u002Fexamples\u002Fscreens\u002Fai-generation",{"label":113,"to":294},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":126,"to":296},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":63,"to":298},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":177,"to":300},"\u002Fexamples\u002Fscreens\u002Fsuccess",{"label":263,"to":302},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":304,"to":305},"Replit marketing pages","\u002Fexamples\u002Fapps\u002Freplit\u002Fmarketing",{"label":307,"to":308},"Replit user flows","\u002Fexamples\u002Fapps\u002Freplit\u002Fflows",{"label":310,"to":311},"Replit UI components","\u002Fexamples\u002Fapps\u002Freplit\u002Fcomponents",{"label":313,"to":314},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":316,"to":317},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":319,"to":320},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":322,"to":18},"All SaaS app examples",{"label":324,"to":325,"description":326},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":328,"to":329,"description":330},"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":332,"to":333,"description":334},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":336,"to":337,"description":338},"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":340,"updated_at":341},"2025-03-10T06:49:17.000Z","2026-09-13T13:02:39.000Z"]