[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Frunway\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":52,"showcases":265,"links":266,"dates":321},"\u002Fexamples\u002Fapps\u002Frunway\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Runway product screens examples - Nicelydone","Browse Runway screen design examples. Preview the interface screenshots and explore related UI patterns. Advancing creativity with artificial intelligence","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7e760a4a-5cd7-4ff5-8f33-5dcea7aa7741.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},"Runway design examples","\u002Fexamples\u002Fapps\u002Frunway",{"label":23,"to":4},"Runway 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":34,"categories":35},"Runway","runway","Advancing creativity with artificial intelligence","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Frunway-2c9f863e.png","https:\u002F\u002Frunwayml.com","runwayml",[36,40,44,48],{"id":37,"title":38,"slug":39},80,"Artificial Intelligence","artificial-intelligence",{"id":41,"title":42,"slug":43},77,"Machine learning","machine-learning",{"id":45,"title":46,"slug":47},8,"Design","design",{"id":49,"title":50,"slug":51},100,"Video","video",[53,85,99,110,133,147,166,180,204,218,232,246],{"uuid":54,"title":55,"description":56,"canonical_path":4,"image":11,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":61,"component_categories":78,"app":83},"7e760a4a-5cd7-4ff5-8f33-5dcea7aa7741","Welcome to Runway - Runway","Sign-in screen where the user authenticates with email and password, Google, or Apple, alongside a promotional panel highlighting the product's AI magic tools.",3024,1738,"Welcome to Runway - Runway from Runway","screen",[62,71],{"id":63,"label":64,"slug":65,"rank":66,"group":67},4,"Sign In","sign-in",0,{"id":68,"label":69,"slug":70},1,"Access & Account","access-and-account",{"id":41,"label":72,"slug":73,"rank":68,"group":74},"Welcome","welcome",{"id":75,"label":76,"slug":77},7,"Onboarding & Education","onboarding-and-education",[79],{"id":80,"title":81,"slug":82},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":84},[],{"uuid":86,"title":55,"description":87,"canonical_path":4,"image":88,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":89,"component_categories":95,"app":97},"f2abcbfc-3f3d-4ba3-80d2-158f1ef9ced3","Password recovery screen where the user enters their email address to receive a reset code, featuring a product showcase on the left.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff2abcbfc-3f3d-4ba3-80d2-158f1ef9ced3.png",[90],{"id":91,"label":92,"slug":93,"rank":66,"group":94},2,"Forgot Password","forgot-password",{"id":68,"label":69,"slug":70},[96],{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":98},[],{"uuid":100,"title":55,"description":101,"canonical_path":4,"image":102,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":103,"component_categories":106,"app":108},"17780f50-e9fd-4c63-afe0-aa34c57c9d6f","Password recovery screen where the user enters their email address to receive a reset code, featuring a split layout with product marketing on the left.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F17780f50-e9fd-4c63-afe0-aa34c57c9d6f.png",[104],{"id":91,"label":92,"slug":93,"rank":66,"group":105},{"id":68,"label":69,"slug":70},[107],{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":109},[],{"uuid":111,"title":55,"description":112,"canonical_path":4,"image":113,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":114,"component_categories":125,"app":131},"0ddb9911-e9c9-4b8c-a09e-3182f6c33150","Password recovery screen where the user is notified via a top banner that a reset link has been emailed to them.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0ddb9911-e9c9-4b8c-a09e-3182f6c33150.png",[115,117],{"id":91,"label":92,"slug":93,"rank":66,"group":116},{"id":68,"label":69,"slug":70},{"id":118,"label":119,"slug":120,"rank":68,"group":121},122,"Success","success",{"id":122,"label":123,"slug":124},12,"States & Feedback","states-and-feedback",[126,130],{"id":127,"title":128,"slug":129},167,"Alert","alert",{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":132},[],{"uuid":134,"title":55,"description":135,"canonical_path":4,"image":136,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":137,"component_categories":143,"app":145},"c4db554e-564e-4e28-9c91-4fc6bf69e901","Signup page where the user can create a Runway account using their email, Google, or Apple, alongside a marketing product preview.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc4db554e-564e-4e28-9c91-4fc6bf69e901.png",[138],{"id":139,"label":140,"slug":141,"rank":66,"group":142},5,"Sign Up","sign-up",{"id":68,"label":69,"slug":70},[144],{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":146},[],{"uuid":148,"title":55,"description":149,"canonical_path":4,"image":150,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":151,"component_categories":158,"app":164},"6513a3eb-b49d-4998-88d0-26415ade96d4","Signup screen where the user creates an account by entering a username and password or authenticating with Google or Apple, presented alongside a product marketing panel.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6513a3eb-b49d-4998-88d0-26415ade96d4.png",[152,154],{"id":139,"label":140,"slug":141,"rank":66,"group":153},{"id":68,"label":69,"slug":70},{"id":68,"label":155,"slug":156,"rank":68,"group":157},"Account Setup","account-setup",{"id":68,"label":69,"slug":70},[159,163],{"id":160,"title":161,"slug":162},227,"Stepper","stepper",{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":165},[],{"uuid":167,"title":55,"description":168,"canonical_path":4,"image":169,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":170,"component_categories":175,"app":178},"05542024-03bf-4eb1-8177-167dfaba90af","Signup page where the user creates an account using an email and password with a visible strength indicator, or authenticates via Google and Apple SSO, presented next to a product preview.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F05542024-03bf-4eb1-8177-167dfaba90af.png",[171,173],{"id":139,"label":140,"slug":141,"rank":66,"group":172},{"id":68,"label":69,"slug":70},{"id":68,"label":155,"slug":156,"rank":68,"group":174},{"id":68,"label":69,"slug":70},[176,177],{"id":160,"title":161,"slug":162},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":179},[],{"uuid":181,"title":55,"description":182,"canonical_path":4,"image":183,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":184,"component_categories":199,"app":202},"8fd0975f-2378-4445-9d4f-b4cf05f76959","Signup page where the user encounters a username availability error while attempting to create a new account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8fd0975f-2378-4445-9d4f-b4cf05f76959.png",[185,187,192],{"id":139,"label":140,"slug":141,"rank":66,"group":186},{"id":68,"label":69,"slug":70},{"id":188,"label":189,"slug":190,"rank":68,"group":191},116,"Error","error",{"id":122,"label":123,"slug":124},{"id":193,"label":194,"slug":195,"rank":91,"group":196},42,"Form","form",{"id":63,"label":197,"slug":198},"Data & Analysis","data-and-analysis",[200,201],{"id":160,"title":161,"slug":162},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":203},[],{"uuid":205,"title":55,"description":206,"canonical_path":4,"image":207,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":208,"component_categories":213,"app":216},"8844cb42-2b94-4f7e-8be9-34f5031b0162","Signup page where the user creates an account with email and password or authenticates via Google and Apple.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8844cb42-2b94-4f7e-8be9-34f5031b0162.png",[209,211],{"id":139,"label":140,"slug":141,"rank":66,"group":210},{"id":68,"label":69,"slug":70},{"id":41,"label":72,"slug":73,"rank":68,"group":212},{"id":75,"label":76,"slug":77},[214,215],{"id":160,"title":161,"slug":162},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":217},[],{"uuid":219,"title":55,"description":220,"canonical_path":4,"image":221,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":222,"component_categories":227,"app":230},"5064080b-c246-48cb-a888-6e96f9143a28","Signup page where the user begins account creation by entering their name and organization or authenticating with Google or Apple.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5064080b-c246-48cb-a888-6e96f9143a28.png",[223,225],{"id":139,"label":140,"slug":141,"rank":66,"group":224},{"id":68,"label":69,"slug":70},{"id":68,"label":155,"slug":156,"rank":68,"group":226},{"id":68,"label":69,"slug":70},[228,229],{"id":160,"title":161,"slug":162},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":231},[],{"uuid":233,"title":55,"description":234,"canonical_path":4,"image":235,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":236,"component_categories":241,"app":244},"1597eced-b53f-4602-aed1-8105ae452a22","Signup screen where the user enters their name and optional organization to finish creating an account, with alternative options to use Google or Apple.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1597eced-b53f-4602-aed1-8105ae452a22.png",[237,239],{"id":139,"label":140,"slug":141,"rank":66,"group":238},{"id":68,"label":69,"slug":70},{"id":68,"label":155,"slug":156,"rank":68,"group":240},{"id":68,"label":69,"slug":70},[242,243],{"id":160,"title":161,"slug":162},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":245},[],{"uuid":247,"title":55,"description":248,"canonical_path":4,"image":249,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":250,"component_categories":260,"app":263},"228f2fd3-07ef-4c1d-9e8f-6cfabfcb55e0","Signup page where the user enters their name and organization, currently showing a loading state upon submission, with alternative options to authenticate via Google or Apple.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F228f2fd3-07ef-4c1d-9e8f-6cfabfcb55e0.png",[251,253,255],{"id":139,"label":140,"slug":141,"rank":66,"group":252},{"id":68,"label":69,"slug":70},{"id":68,"label":155,"slug":156,"rank":68,"group":254},{"id":68,"label":69,"slug":70},{"id":256,"label":257,"slug":258,"rank":91,"group":259},120,"Loading","loading",{"id":122,"label":123,"slug":124},[261,262],{"id":160,"title":161,"slug":162},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":264},[],[],[267,269,271,273,275,277,279,281,283,285,288,291,294,297,300,303,305,309,313,317],{"label":140,"to":268},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":155,"to":270},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":92,"to":272},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":72,"to":274},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":189,"to":276},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":194,"to":278},"\u002Fexamples\u002Fscreens\u002Fform",{"label":257,"to":280},"\u002Fexamples\u002Fscreens\u002Floading",{"label":64,"to":282},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":119,"to":284},"\u002Fexamples\u002Fscreens\u002Fsuccess",{"label":286,"to":287},"Runway marketing pages","\u002Fexamples\u002Fapps\u002Frunway\u002Fmarketing",{"label":289,"to":290},"Runway user flows","\u002Fexamples\u002Fapps\u002Frunway\u002Fflows",{"label":292,"to":293},"Runway UI components","\u002Fexamples\u002Fapps\u002Frunway\u002Fcomponents",{"label":295,"to":296},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":298,"to":299},"Machine learning app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmachine-learning",{"label":301,"to":302},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":304,"to":18},"All SaaS app examples",{"label":306,"to":307,"description":308},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":310,"to":311,"description":312},"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":314,"to":315,"description":316},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":318,"to":319,"description":320},"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":322,"updated_at":323},"2023-08-14T19:32:30.000Z","2026-09-13T13:02:39.000Z"]