[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcaptain-train\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":345,"links":346,"dates":404},"\u002Fexamples\u002Fapps\u002Fcaptain-train\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Captain Train product screens examples - Nicelydone","Browse Captain Train screen design examples. Preview the interface screenshots and explore related UI patterns. You are going to love buying train tickets","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcaptain-train_sign-up_6c9d81cb_nicelydone.jpg",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Captain Train design examples","\u002Fexamples\u002Fapps\u002Fcaptain-train",{"label":23,"to":4},"Captain Train 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,"categories":34},"Captain Train","captain-train","You are going to love buying train tickets","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcaptain-train-8bqgdie8.png","https:\u002F\u002Fwww.captaintrain.com",[35,39],{"id":36,"title":37,"slug":38},5,"Travel","travel",{"id":40,"title":41,"slug":42},79,"Transportation","transportation",[44,85,106,130,143,167,185,206,246,260,294,321],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":52,"component_categories":62,"app":83},"17996235-e5ae-4723-bb0e-f01708e51812","Sign up","Marketing landing page dedicated to user acquisition, featuring a prominent account creation form with social login options alongside feature highlights, partner logos, and customer testimonials.",2800,4054,"Sign up from Captain Train","screen",[53],{"id":54,"label":55,"slug":56,"rank":57,"group":58},136,"Landing Page","landing-page",0,{"id":59,"label":60,"slug":61},15,"Marketing Page Types","marketing-page-types",[63,67,71,75,79],{"id":64,"title":65,"slug":66},258,"Header","header",{"id":68,"title":69,"slug":70},232,"Testimonial","testimonial",{"id":72,"title":73,"slug":74},202,"Footer","footer",{"id":76,"title":77,"slug":78},240,"Horizontal navigation","horizontal-navigation",{"id":80,"title":81,"slug":82},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":84},[],{"uuid":86,"title":87,"description":88,"canonical_path":4,"image":89,"width":48,"height":90,"image_alt":91,"kind":51,"patterns":92,"component_categories":101,"app":104},"db5c09da-0db5-4863-adeb-06d879d7ff68","Sign in","Sign-in screen where the user authenticates with an email and password or via Facebook and Google+.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcaptain-train_sign-in_f2231499_nicelydone.jpg",1948,"Sign in from Captain Train",[93],{"id":94,"label":95,"slug":96,"rank":57,"group":97},4,"Sign In","sign-in",{"id":98,"label":99,"slug":100},1,"Access & Account","access-and-account",[102,103],{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":105},[],{"uuid":107,"title":108,"description":109,"canonical_path":4,"image":110,"width":48,"height":111,"image_alt":112,"kind":51,"patterns":113,"component_categories":121,"app":128},"e64b3838-29fa-45f6-9149-64e6dd59aebd","Search","Search interface where the user enters departure and arrival stations, travel dates, and passenger details to find train tickets, featuring a contextual side-panel for station selection.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcaptain-train_search_13d7fcb5_nicelydone.jpg",1544,"Search from Captain Train",[114],{"id":115,"label":108,"slug":116,"rank":57,"group":117},22,"search",{"id":118,"label":119,"slug":120},2,"Actions","actions",[122,126,127],{"id":123,"title":124,"slug":125},174,"Card","card",{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":129},[],{"uuid":131,"title":108,"description":132,"canonical_path":4,"image":133,"width":48,"height":111,"image_alt":112,"kind":51,"patterns":134,"component_categories":137,"app":141},"53596786-afff-4ef7-b620-2f3207822722","Search page where the user enters their departure and arrival stations, dates, and passenger details to find train tickets, with a contextual list of station suggestions appearing alongside.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcaptain-train_search-2_3791caac_nicelydone.jpg",[135],{"id":115,"label":108,"slug":116,"rank":57,"group":136},{"id":118,"label":119,"slug":120},[138,139,140],{"id":123,"title":124,"slug":125},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":142},[],{"uuid":144,"title":108,"description":145,"canonical_path":4,"image":146,"width":48,"height":111,"image_alt":112,"kind":51,"patterns":147,"component_categories":157,"app":165},"c293c999-8359-4fd5-b184-29c351a55f9d","Search interface where the user enters origin, destination, and dates to find train tickets, featuring an exposed calendar for return date selection.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcaptain-train_search-3_422da979_nicelydone.jpg",[148,150],{"id":115,"label":108,"slug":116,"rank":57,"group":149},{"id":118,"label":119,"slug":120},{"id":151,"label":152,"slug":153,"rank":98,"group":154},51,"Calendar","calendar",{"id":36,"label":155,"slug":156},"Media & Tools","media-and-tools",[158,162,163,164],{"id":159,"title":160,"slug":161},233,"Tabs","tabs",{"id":123,"title":124,"slug":125},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":166},[],{"uuid":168,"title":108,"description":169,"canonical_path":4,"image":170,"width":48,"height":111,"image_alt":112,"kind":51,"patterns":171,"component_categories":179,"app":183},"f01be30d-9721-4ebd-bf2d-dd644ea21c15","Search page where the user enters origin, destination, travel dates, and configures the passenger list to find a train trip.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcaptain-train_search-6_ca073299_nicelydone.jpg",[172,174],{"id":115,"label":108,"slug":116,"rank":57,"group":173},{"id":118,"label":119,"slug":120},{"id":175,"label":176,"slug":177,"rank":98,"group":178},23,"Select","select",{"id":118,"label":119,"slug":120},[180,181,182],{"id":123,"title":124,"slug":125},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":184},[],{"uuid":186,"title":108,"description":187,"canonical_path":4,"image":188,"width":48,"height":111,"image_alt":112,"kind":51,"patterns":189,"component_categories":197,"app":204},"a051473d-269f-40d3-b78b-5777cdcf3c1d","Search overlay where the user adds a new passenger's details, including name, date of birth, and optional contact information, before running a travel search.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcaptain-train_search-4_35b08f5a_nicelydone.jpg",[190],{"id":191,"label":192,"slug":193,"rank":57,"group":194},42,"Form","form",{"id":94,"label":195,"slug":196},"Data & Analysis","data-and-analysis",[198,202,203],{"id":199,"title":200,"slug":201},284,"Modal","modal",{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":205},[],{"uuid":207,"title":108,"description":208,"canonical_path":4,"image":209,"width":48,"height":111,"image_alt":112,"kind":51,"patterns":210,"component_categories":235,"app":244},"c8421de3-4e83-4097-a342-a7e740c9a2e4","Search results page where the user selects a train departure time and configures passenger and seating preferences before proceeding to checkout.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcaptain-train_search-5_5d936519_nicelydone.jpg",[211,219,227,232],{"id":212,"label":213,"slug":214,"rank":57,"group":215},84,"Search Results","search-results",{"id":216,"label":217,"slug":218},8,"Pages & Content","pages-and-content",{"id":220,"label":221,"slug":222,"rank":98,"group":223},130,"Checkout","checkout",{"id":224,"label":225,"slug":226},14,"Payments & Checkout","payments-and-checkout",{"id":228,"label":229,"slug":230,"rank":118,"group":231},13,"Filter & Sort","filter-and-sort",{"id":118,"label":119,"slug":120},{"id":175,"label":176,"slug":177,"rank":233,"group":234},3,{"id":118,"label":119,"slug":120},[236,240,241,242,243],{"id":237,"title":238,"slug":239},168,"Accordion","accordion",{"id":159,"title":160,"slug":161},{"id":123,"title":124,"slug":125},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":245},[],{"uuid":247,"title":221,"description":248,"canonical_path":4,"image":249,"width":48,"height":111,"image_alt":250,"kind":51,"patterns":251,"component_categories":254,"app":258},"c6135ce0-6d85-4878-b469-7f6267ab6b6e","Shopping cart page where the user reviews their selected train tickets before proceeding to payment.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcaptain-train_checkout_ff5a44db_nicelydone.jpg","Checkout from Captain Train",[252],{"id":220,"label":221,"slug":222,"rank":57,"group":253},{"id":224,"label":225,"slug":226},[255,256,257],{"id":123,"title":124,"slug":125},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":259},[],{"uuid":261,"title":262,"description":263,"canonical_path":4,"image":264,"width":48,"height":265,"image_alt":266,"kind":51,"patterns":267,"component_categories":286,"app":292},"789e6f62-9a48-4009-994b-ba570ee291ae","Empty state","List view displaying the user's upcoming and past train journeys, featuring an empty state for future trips and expandable rows to download receipts for past itineraries.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcaptain-train_empty-state_fce51c8d_nicelydone.jpg",2074,"Empty state from Captain Train",[268,276,281],{"id":269,"label":270,"slug":271,"rank":57,"group":272},115,"Empty State","empty-state",{"id":273,"label":274,"slug":275},12,"States & Feedback","states-and-feedback",{"id":277,"label":278,"slug":279,"rank":98,"group":280},80,"Files","files",{"id":216,"label":217,"slug":218},{"id":282,"label":283,"slug":284,"rank":118,"group":285},41,"Dashboard","dashboard",{"id":94,"label":195,"slug":196},[287,288,289,290,291],{"id":237,"title":238,"slug":239},{"id":159,"title":160,"slug":161},{"id":123,"title":124,"slug":125},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":293},[],{"uuid":295,"title":296,"description":297,"canonical_path":4,"image":298,"width":48,"height":111,"image_alt":299,"kind":51,"patterns":300,"component_categories":314,"app":319},"362b4973-a509-4bbf-a23d-8c812286e7da","Settings","Settings page where the user updates their personal information like name, email, and language preference.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcaptain-train_settings_c8fee84f_nicelydone.jpg","Settings from Captain Train",[301,309],{"id":302,"label":303,"slug":304,"rank":57,"group":305},94,"Account Settings","account-settings",{"id":306,"label":307,"slug":308},10,"Settings & Admin","settings-and-admin",{"id":310,"label":311,"slug":312,"rank":98,"group":313},11,"Edit","edit",{"id":118,"label":119,"slug":120},[315,316,317,318],{"id":159,"title":160,"slug":161},{"id":123,"title":124,"slug":125},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":320},[],{"uuid":322,"title":296,"description":323,"canonical_path":4,"image":324,"width":48,"height":325,"image_alt":299,"kind":51,"patterns":326,"component_categories":339,"app":343},"6c642189-9625-45cf-9fc6-066cb6b9d450","Creation form where the user configures and purchases a discount pass by selecting validity dates, routes, and entering their personal address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcaptain-train_settings-2_001ff791_nicelydone.jpg",2518,[327,332,334],{"id":328,"label":329,"slug":330,"rank":57,"group":331},7,"Add & Create","add-and-create",{"id":118,"label":119,"slug":120},{"id":220,"label":221,"slug":222,"rank":98,"group":333},{"id":224,"label":225,"slug":226},{"id":335,"label":336,"slug":337,"rank":118,"group":338},131,"Payment Form","payment-form",{"id":224,"label":225,"slug":226},[340,341,342],{"id":123,"title":124,"slug":125},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":344},[],[],[347,349,351,353,355,357,359,361,363,365,367,369,371,374,377,380,383,386,388,392,396,400],{"label":108,"to":348},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":221,"to":350},"\u002Fexamples\u002Fscreens\u002Fcheckout",{"label":176,"to":352},"\u002Fexamples\u002Fscreens\u002Fselect",{"label":303,"to":354},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":329,"to":356},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":152,"to":358},"\u002Fexamples\u002Fscreens\u002Fcalendar",{"label":283,"to":360},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":311,"to":362},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":270,"to":364},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":278,"to":366},"\u002Fexamples\u002Fscreens\u002Ffiles",{"label":229,"to":368},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":192,"to":370},"\u002Fexamples\u002Fscreens\u002Fform",{"label":372,"to":373},"Captain Train marketing pages","\u002Fexamples\u002Fapps\u002Fcaptain-train\u002Fmarketing",{"label":375,"to":376},"Captain Train user flows","\u002Fexamples\u002Fapps\u002Fcaptain-train\u002Fflows",{"label":378,"to":379},"Captain Train UI components","\u002Fexamples\u002Fapps\u002Fcaptain-train\u002Fcomponents",{"label":381,"to":382},"Travel app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ftravel",{"label":384,"to":385},"Transportation app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ftransportation",{"label":387,"to":18},"All SaaS app examples",{"label":389,"to":390,"description":391},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":393,"to":394,"description":395},"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":397,"to":398,"description":399},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":401,"to":402,"description":403},"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":405,"updated_at":406},"2016-05-24T18:55:00.000Z","2026-09-13T13:02:39.000Z"]