[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Frailway\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":44,"showcases":320,"links":321,"dates":379},"\u002Fexamples\u002Fapps\u002Frailway\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Railway product screens examples - Nicelydone","Browse Railway screen design examples. Preview the interface screenshots and explore related UI patterns. Railway is a canvas for shipping your apps,…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa9307231-158a-4d94-8474-ed6eb2eec19e.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},"Railway design examples","\u002Fexamples\u002Fapps\u002Frailway",{"label":23,"to":4},"Railway product screens examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Railway screen design examples. Preview the interface screenshots and explore related UI patterns. Railway is a canvas for shipping your apps, databases, and more.",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Railway","railway","Railway is a canvas for shipping your apps, databases, and more. ","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Frailway-31a78e94.png","https:\u002F\u002Frailway.app",[36,40],{"id":37,"title":38,"slug":39},48,"Developer Tools","developer-tools",{"id":41,"title":42,"slug":43},7,"Web Development","web-development",[45,81,97,112,146,172,193,214,247,273,292,306],{"uuid":46,"title":30,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":52,"component_categories":62,"app":79},"a9307231-158a-4d94-8474-ed6eb2eec19e","Landing page where a modal prompts the user to sign up or log in using email or GitHub.",3024,1738,"Railway from Railway","screen",[53],{"id":54,"label":55,"slug":56,"rank":57,"group":58},5,"Sign Up","sign-up",0,{"id":59,"label":60,"slug":61},1,"Access & Account","access-and-account",[63,67,71,75],{"id":64,"title":65,"slug":66},258,"Header","header",{"id":68,"title":69,"slug":70},284,"Modal","modal",{"id":72,"title":73,"slug":74},260,"Badge","badge",{"id":76,"title":77,"slug":78},175,"Button","button",{"slug":31,"title":30,"logo":33,"categories":80},[],{"uuid":82,"title":30,"description":83,"canonical_path":4,"image":84,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":85,"component_categories":92,"app":95},"bb5088ee-16c5-4e4b-ba20-0b40a52d9d2f","Signup modal overlaying the landing page, allowing the user to authenticate via email or GitHub to start a new project.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbb5088ee-16c5-4e4b-ba20-0b40a52d9d2f.png",[86,88],{"id":54,"label":55,"slug":56,"rank":57,"group":87},{"id":59,"label":60,"slug":61},{"id":59,"label":89,"slug":90,"rank":59,"group":91},"Account Setup","account-setup",{"id":59,"label":60,"slug":61},[93,94],{"id":68,"title":69,"slug":70},{"id":76,"title":77,"slug":78},{"slug":31,"title":30,"logo":33,"categories":96},[],{"uuid":98,"title":30,"description":99,"canonical_path":4,"image":100,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":101,"component_categories":107,"app":110},"7c65023b-98aa-46de-bc79-84ffbde5da81","Verification screen where the user is prompted to check their inbox for a magic link to complete login or signup.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7c65023b-98aa-46de-bc79-84ffbde5da81.png",[102],{"id":103,"label":104,"slug":105,"rank":57,"group":106},6,"Verification","verification",{"id":59,"label":60,"slug":61},[108,109],{"id":68,"title":69,"slug":70},{"id":76,"title":77,"slug":78},{"slug":31,"title":30,"logo":33,"categories":111},[],{"uuid":113,"title":114,"description":115,"canonical_path":4,"image":116,"width":48,"height":49,"image_alt":117,"kind":51,"patterns":118,"component_categories":134,"app":144},"5bd370dc-aef1-423b-ad04-d8fcddbfd216","New project","Create page where the user selects a starting point for their new project, choosing between deploying from GitHub, using a starter, or provisioning databases.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5bd370dc-aef1-423b-ad04-d8fcddbfd216.png","New project from Railway",[119,126],{"id":41,"label":120,"slug":121,"rank":57,"group":122},"Add & Create","add-and-create",{"id":123,"label":124,"slug":125},2,"Actions","actions",{"id":127,"label":128,"slug":129,"rank":59,"group":130},81,"Home","home",{"id":131,"label":132,"slug":133},8,"Pages & Content","pages-and-content",[135,136,140],{"id":72,"title":73,"slug":74},{"id":137,"title":138,"slug":139},240,"Horizontal navigation","horizontal-navigation",{"id":141,"title":142,"slug":143},174,"Card","card",{"slug":31,"title":30,"logo":33,"categories":145},[],{"uuid":147,"title":114,"description":148,"canonical_path":4,"image":149,"width":48,"height":49,"image_alt":117,"kind":51,"patterns":150,"component_categories":166,"app":170},"d9243a6f-650d-44f6-8a43-d75ecc7124de","Create page where the user searches and selects a starter template to deploy a new project.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd9243a6f-650d-44f6-8a43-d75ecc7124de.png",[151,156,161],{"id":152,"label":153,"slug":154,"rank":57,"group":155},79,"Browse","browse",{"id":131,"label":132,"slug":133},{"id":157,"label":158,"slug":159,"rank":59,"group":160},22,"Search","search",{"id":123,"label":124,"slug":125},{"id":162,"label":163,"slug":164,"rank":123,"group":165},86,"Templates","templates",{"id":131,"label":132,"slug":133},[167,168,169],{"id":72,"title":73,"slug":74},{"id":137,"title":138,"slug":139},{"id":141,"title":142,"slug":143},{"slug":31,"title":30,"logo":33,"categories":171},[],{"uuid":173,"title":114,"description":174,"canonical_path":4,"image":175,"width":48,"height":49,"image_alt":117,"kind":51,"patterns":176,"component_categories":188,"app":191},"acd6e4bb-073c-478b-a7db-b3d4bfb766d9","Create page where the user selects a starter template like Rails Blog or Rust Rocket from a searchable command palette to begin a new project.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Facd6e4bb-073c-478b-a7db-b3d4bfb766d9.png",[177,179,186],{"id":41,"label":120,"slug":121,"rank":57,"group":178},{"id":123,"label":124,"slug":125},{"id":180,"label":181,"slug":182,"rank":59,"group":183},63,"Command Palette","command-palette",{"id":103,"label":184,"slug":185},"Navigation & Commands","navigation-and-commands",{"id":152,"label":153,"slug":154,"rank":123,"group":187},{"id":131,"label":132,"slug":133},[189,190],{"id":72,"title":73,"slug":74},{"id":137,"title":138,"slug":139},{"slug":31,"title":30,"logo":33,"categories":192},[],{"uuid":194,"title":114,"description":195,"canonical_path":4,"image":196,"width":48,"height":49,"image_alt":117,"kind":51,"patterns":197,"component_categories":203,"app":212},"eaf7f5f4-6cfa-49ed-b285-3a4b54c6bb6e","Sign-in screen where the user authenticates with GitHub to deploy a Rails blog starter template.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Feaf7f5f4-6cfa-49ed-b285-3a4b54c6bb6e.png",[198],{"id":199,"label":200,"slug":201,"rank":57,"group":202},4,"Sign In","sign-in",{"id":59,"label":60,"slug":61},[204,208,209,210,211],{"id":205,"title":206,"slug":207},177,"Breadcrumb","breadcrumb",{"id":72,"title":73,"slug":74},{"id":137,"title":138,"slug":139},{"id":141,"title":142,"slug":143},{"id":76,"title":77,"slug":78},{"slug":31,"title":30,"logo":33,"categories":213},[],{"uuid":215,"title":30,"description":216,"canonical_path":4,"image":217,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":218,"component_categories":237,"app":245},"ed50f6f9-40bd-4b25-b2d3-b4735bd3184b","Creation step for deploying a Rails-Starter template where the user is prompted to configure GitHub account access before proceeding.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fed50f6f9-40bd-4b25-b2d3-b4735bd3184b.png",[219,221,229],{"id":41,"label":120,"slug":121,"rank":57,"group":220},{"id":123,"label":124,"slug":125},{"id":222,"label":223,"slug":224,"rank":59,"group":225},97,"Integrations","integrations",{"id":226,"label":227,"slug":228},10,"Settings & Admin","settings-and-admin",{"id":230,"label":231,"slug":232,"rank":123,"group":233},114,"Confirmation","confirmation",{"id":234,"label":235,"slug":236},12,"States & Feedback","states-and-feedback",[238,242,243,244],{"id":239,"title":240,"slug":241},169,"Avatar","avatar",{"id":137,"title":138,"slug":139},{"id":141,"title":142,"slug":143},{"id":76,"title":77,"slug":78},{"slug":31,"title":30,"logo":33,"categories":246},[],{"uuid":248,"title":30,"description":249,"canonical_path":4,"image":250,"width":48,"height":251,"image_alt":50,"kind":51,"patterns":252,"component_categories":262,"app":271},"c151be1f-e3ce-4884-a119-6f90cd68580b","Creation wizard where the user configures repository details and environment variables to deploy a Rails starter template.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc151be1f-e3ce-4884-a119-6f90cd68580b.png",2128,[253,260],{"id":254,"label":255,"slug":256,"rank":57,"group":257},75,"Setup Wizard","setup-wizard",{"id":41,"label":258,"slug":259},"Onboarding & Education","onboarding-and-education",{"id":41,"label":120,"slug":121,"rank":59,"group":261},{"id":123,"label":124,"slug":125},[263,267,268,269,270],{"id":264,"title":265,"slug":266},227,"Stepper","stepper",{"id":239,"title":240,"slug":241},{"id":137,"title":138,"slug":139},{"id":141,"title":142,"slug":143},{"id":76,"title":77,"slug":78},{"slug":31,"title":30,"logo":33,"categories":272},[],{"uuid":274,"title":30,"description":275,"canonical_path":4,"image":276,"width":48,"height":251,"image_alt":50,"kind":51,"patterns":277,"component_categories":285,"app":290},"11d91125-c694-4fe8-a31c-d59dab74cef9","Create page where the user configures repository details and environment variables to deploy a Rails starter template.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F11d91125-c694-4fe8-a31c-d59dab74cef9.png",[278,280],{"id":41,"label":120,"slug":121,"rank":57,"group":279},{"id":123,"label":124,"slug":125},{"id":281,"label":282,"slug":283,"rank":59,"group":284},102,"Settings","settings",{"id":226,"label":227,"slug":228},[286,287,288,289],{"id":239,"title":240,"slug":241},{"id":137,"title":138,"slug":139},{"id":141,"title":142,"slug":143},{"id":76,"title":77,"slug":78},{"slug":31,"title":30,"logo":33,"categories":291},[],{"uuid":293,"title":30,"description":294,"canonical_path":4,"image":295,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":296,"component_categories":301,"app":304},"7261658b-341e-48dd-8825-82e6f4922553","Onboarding step where the user must review and accept the privacy and data policy before proceeding to create a new project.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7261658b-341e-48dd-8825-82e6f4922553.png",[297,299],{"id":59,"label":89,"slug":90,"rank":57,"group":298},{"id":59,"label":60,"slug":61},{"id":230,"label":231,"slug":232,"rank":59,"group":300},{"id":234,"label":235,"slug":236},[302,303],{"id":141,"title":142,"slug":143},{"id":76,"title":77,"slug":78},{"slug":31,"title":30,"logo":33,"categories":305},[],{"uuid":307,"title":30,"description":308,"canonical_path":4,"image":309,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":310,"component_categories":315,"app":318},"3725e7d9-1ff4-4213-9cbe-6ee937039a18","Creation wizard step where the user must agree to the privacy and data policy before initializing a new project.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3725e7d9-1ff4-4213-9cbe-6ee937039a18.png",[311,313],{"id":59,"label":89,"slug":90,"rank":57,"group":312},{"id":59,"label":60,"slug":61},{"id":230,"label":231,"slug":232,"rank":59,"group":314},{"id":234,"label":235,"slug":236},[316,317],{"id":264,"title":265,"slug":266},{"id":76,"title":77,"slug":78},{"slug":31,"title":30,"logo":33,"categories":319},[],[],[322,324,326,328,330,332,334,336,338,340,342,344,346,349,352,355,358,361,363,367,371,375],{"label":120,"to":323},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":89,"to":325},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":231,"to":327},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":153,"to":329},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":55,"to":331},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":181,"to":333},"\u002Fexamples\u002Fscreens\u002Fcommand-palette",{"label":128,"to":335},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":223,"to":337},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":158,"to":339},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":282,"to":341},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":255,"to":343},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":200,"to":345},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":347,"to":348},"Railway marketing pages","\u002Fexamples\u002Fapps\u002Frailway\u002Fmarketing",{"label":350,"to":351},"Railway user flows","\u002Fexamples\u002Fapps\u002Frailway\u002Fflows",{"label":353,"to":354},"Railway UI components","\u002Fexamples\u002Fapps\u002Frailway\u002Fcomponents",{"label":356,"to":357},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":359,"to":360},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":362,"to":18},"All SaaS app examples",{"label":364,"to":365,"description":366},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":368,"to":369,"description":370},"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":372,"to":373,"description":374},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":376,"to":377,"description":378},"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":380,"updated_at":381},"2022-07-31T19:08:45.000Z","2026-09-13T13:02:39.000Z"]