[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Frailway":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":55,"showcases":56,"links":352,"dates":385},"\u002Fexamples\u002Fapps\u002Frailway","detail","apps",true,{"title":9,"description":10,"og_image":11},"Railway design examples - Nicelydone","Explore Railway UI design examples. Railway is a canvas for shipping your apps, databases, and more.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa9307231-158a-4d94-8474-ed6eb2eec19e.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Railway design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Railway",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Frailway\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Frailway\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Frailway\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Frailway\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"categories":46},"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",[47,51],{"id":48,"title":49,"slug":50},48,"Developer Tools","developer-tools",{"id":52,"title":53,"slug":54},7,"Web Development","web-development",[],[57,343,346,349],{"family":58,"examples":59},"screens",[60,96,112,127,161,187,208,229,255,279,298,324],{"uuid":61,"title":41,"description":62,"canonical_path":29,"image":11,"width":63,"height":64,"image_alt":65,"kind":66,"patterns":67,"component_categories":77,"app":94},"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",[68],{"id":69,"label":70,"slug":71,"rank":72,"group":73},5,"Sign Up","sign-up",0,{"id":74,"label":75,"slug":76},1,"Access & Account","access-and-account",[78,82,86,90],{"id":79,"title":80,"slug":81},258,"Header","header",{"id":83,"title":84,"slug":85},284,"Modal","modal",{"id":87,"title":88,"slug":89},260,"Badge","badge",{"id":91,"title":92,"slug":93},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":95},[],{"uuid":97,"title":41,"description":98,"canonical_path":29,"image":99,"width":63,"height":64,"image_alt":65,"kind":66,"patterns":100,"component_categories":107,"app":110},"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",[101,103],{"id":69,"label":70,"slug":71,"rank":72,"group":102},{"id":74,"label":75,"slug":76},{"id":74,"label":104,"slug":105,"rank":74,"group":106},"Account Setup","account-setup",{"id":74,"label":75,"slug":76},[108,109],{"id":83,"title":84,"slug":85},{"id":91,"title":92,"slug":93},{"slug":42,"title":41,"logo":44,"categories":111},[],{"uuid":113,"title":41,"description":114,"canonical_path":29,"image":115,"width":63,"height":64,"image_alt":65,"kind":66,"patterns":116,"component_categories":122,"app":125},"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",[117],{"id":118,"label":119,"slug":120,"rank":72,"group":121},6,"Verification","verification",{"id":74,"label":75,"slug":76},[123,124],{"id":83,"title":84,"slug":85},{"id":91,"title":92,"slug":93},{"slug":42,"title":41,"logo":44,"categories":126},[],{"uuid":128,"title":129,"description":130,"canonical_path":29,"image":131,"width":63,"height":64,"image_alt":132,"kind":66,"patterns":133,"component_categories":149,"app":159},"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",[134,141],{"id":52,"label":135,"slug":136,"rank":72,"group":137},"Add & Create","add-and-create",{"id":138,"label":139,"slug":140},2,"Actions","actions",{"id":142,"label":143,"slug":144,"rank":74,"group":145},81,"Home","home",{"id":146,"label":147,"slug":148},8,"Pages & Content","pages-and-content",[150,151,155],{"id":87,"title":88,"slug":89},{"id":152,"title":153,"slug":154},240,"Horizontal navigation","horizontal-navigation",{"id":156,"title":157,"slug":158},174,"Card","card",{"slug":42,"title":41,"logo":44,"categories":160},[],{"uuid":162,"title":129,"description":163,"canonical_path":29,"image":164,"width":63,"height":64,"image_alt":132,"kind":66,"patterns":165,"component_categories":181,"app":185},"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",[166,171,176],{"id":167,"label":168,"slug":169,"rank":72,"group":170},79,"Browse","browse",{"id":146,"label":147,"slug":148},{"id":172,"label":173,"slug":174,"rank":74,"group":175},22,"Search","search",{"id":138,"label":139,"slug":140},{"id":177,"label":178,"slug":179,"rank":138,"group":180},86,"Templates","templates",{"id":146,"label":147,"slug":148},[182,183,184],{"id":87,"title":88,"slug":89},{"id":152,"title":153,"slug":154},{"id":156,"title":157,"slug":158},{"slug":42,"title":41,"logo":44,"categories":186},[],{"uuid":188,"title":129,"description":189,"canonical_path":29,"image":190,"width":63,"height":64,"image_alt":132,"kind":66,"patterns":191,"component_categories":203,"app":206},"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",[192,194,201],{"id":52,"label":135,"slug":136,"rank":72,"group":193},{"id":138,"label":139,"slug":140},{"id":195,"label":196,"slug":197,"rank":74,"group":198},63,"Command Palette","command-palette",{"id":118,"label":199,"slug":200},"Navigation & Commands","navigation-and-commands",{"id":167,"label":168,"slug":169,"rank":138,"group":202},{"id":146,"label":147,"slug":148},[204,205],{"id":87,"title":88,"slug":89},{"id":152,"title":153,"slug":154},{"slug":42,"title":41,"logo":44,"categories":207},[],{"uuid":209,"title":129,"description":210,"canonical_path":29,"image":211,"width":63,"height":64,"image_alt":132,"kind":66,"patterns":212,"component_categories":218,"app":227},"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",[213],{"id":214,"label":215,"slug":216,"rank":72,"group":217},4,"Sign In","sign-in",{"id":74,"label":75,"slug":76},[219,223,224,225,226],{"id":220,"title":221,"slug":222},177,"Breadcrumb","breadcrumb",{"id":87,"title":88,"slug":89},{"id":152,"title":153,"slug":154},{"id":156,"title":157,"slug":158},{"id":91,"title":92,"slug":93},{"slug":42,"title":41,"logo":44,"categories":228},[],{"uuid":230,"title":231,"description":232,"canonical_path":29,"image":233,"width":63,"height":64,"image_alt":234,"kind":66,"patterns":235,"component_categories":246,"app":253},"1c41b185-0c5c-4b31-94c5-3d4642b3584e","Authorize Railway App","OAuth consent screen where the user authorizes Railway App to access their GitHub identity, resources, and email addresses.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1c41b185-0c5c-4b31-94c5-3d4642b3584e.png","Authorize Railway App from Railway",[236,244],{"id":237,"label":238,"slug":239,"rank":72,"group":240},114,"Confirmation","confirmation",{"id":241,"label":242,"slug":243},12,"States & Feedback","states-and-feedback",{"id":74,"label":104,"slug":105,"rank":74,"group":245},{"id":74,"label":75,"slug":76},[247,251,252],{"id":248,"title":249,"slug":250},169,"Avatar","avatar",{"id":156,"title":157,"slug":158},{"id":91,"title":92,"slug":93},{"slug":42,"title":41,"logo":44,"categories":254},[],{"uuid":256,"title":41,"description":257,"canonical_path":29,"image":258,"width":63,"height":64,"image_alt":65,"kind":66,"patterns":259,"component_categories":272,"app":277},"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",[260,262,270],{"id":52,"label":135,"slug":136,"rank":72,"group":261},{"id":138,"label":139,"slug":140},{"id":263,"label":264,"slug":265,"rank":74,"group":266},97,"Integrations","integrations",{"id":267,"label":268,"slug":269},10,"Settings & Admin","settings-and-admin",{"id":237,"label":238,"slug":239,"rank":138,"group":271},{"id":241,"label":242,"slug":243},[273,274,275,276],{"id":248,"title":249,"slug":250},{"id":152,"title":153,"slug":154},{"id":156,"title":157,"slug":158},{"id":91,"title":92,"slug":93},{"slug":42,"title":41,"logo":44,"categories":278},[],{"uuid":280,"title":281,"description":282,"canonical_path":29,"image":283,"width":284,"height":285,"image_alt":286,"kind":66,"patterns":287,"component_categories":292,"app":296},"a3daa1b8-abd5-4fb2-9c51-85f882c2c7ba","Installing Railway App","Integration setup screen where the user chooses which repositories the Railway App can access and reviews its requested permissions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa3daa1b8-abd5-4fb2-9c51-85f882c2c7ba.png",2200,1598,"Installing Railway App from Railway",[288,290],{"id":263,"label":264,"slug":265,"rank":72,"group":289},{"id":267,"label":268,"slug":269},{"id":237,"label":238,"slug":239,"rank":74,"group":291},{"id":241,"label":242,"slug":243},[293,294,295],{"id":248,"title":249,"slug":250},{"id":152,"title":153,"slug":154},{"id":156,"title":157,"slug":158},{"slug":42,"title":41,"logo":44,"categories":297},[],{"uuid":299,"title":41,"description":300,"canonical_path":29,"image":301,"width":63,"height":302,"image_alt":65,"kind":66,"patterns":303,"component_categories":313,"app":322},"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,[304,311],{"id":305,"label":306,"slug":307,"rank":72,"group":308},75,"Setup Wizard","setup-wizard",{"id":52,"label":309,"slug":310},"Onboarding & Education","onboarding-and-education",{"id":52,"label":135,"slug":136,"rank":74,"group":312},{"id":138,"label":139,"slug":140},[314,318,319,320,321],{"id":315,"title":316,"slug":317},227,"Stepper","stepper",{"id":248,"title":249,"slug":250},{"id":152,"title":153,"slug":154},{"id":156,"title":157,"slug":158},{"id":91,"title":92,"slug":93},{"slug":42,"title":41,"logo":44,"categories":323},[],{"uuid":325,"title":41,"description":326,"canonical_path":29,"image":327,"width":63,"height":302,"image_alt":65,"kind":66,"patterns":328,"component_categories":336,"app":341},"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",[329,331],{"id":52,"label":135,"slug":136,"rank":72,"group":330},{"id":138,"label":139,"slug":140},{"id":332,"label":333,"slug":334,"rank":74,"group":335},102,"Settings","settings",{"id":267,"label":268,"slug":269},[337,338,339,340],{"id":248,"title":249,"slug":250},{"id":152,"title":153,"slug":154},{"id":156,"title":157,"slug":158},{"id":91,"title":92,"slug":93},{"slug":42,"title":41,"logo":44,"categories":342},[],{"family":344,"examples":345},"flows",[],{"family":347,"examples":348},"components",[],{"family":350,"examples":351},"pages",[],[353,355,357,359,361,364,367,369,373,377,381],{"label":354,"to":29},"Railway product screens",{"label":356,"to":38},"Railway marketing pages",{"label":358,"to":32},"Railway user flows",{"label":360,"to":35},"Railway UI components",{"label":362,"to":363},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":365,"to":366},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":368,"to":18},"All SaaS app examples",{"label":370,"to":371,"description":372},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":374,"to":375,"description":376},"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":378,"to":379,"description":380},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":382,"to":383,"description":384},"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":386,"updated_at":387},"2022-07-31T19:08:45.000Z","2026-09-13T13:02:39.000Z"]