[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcaptain-train":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":49,"showcases":50,"links":358,"dates":393},"\u002Fexamples\u002Fapps\u002Fcaptain-train","detail","apps",true,{"title":9,"description":10,"og_image":11},"Captain Train design examples - Nicelydone","Explore Captain Train UI design examples. You are going to love buying train tickets","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcaptain-train_sign-up_6c9d81cb_nicelydone.jpg",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Captain Train design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Captain Train",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fcaptain-train\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fcaptain-train\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"categories":40},"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",[41,45],{"id":42,"title":43,"slug":44},5,"Travel","travel",{"id":46,"title":47,"slug":48},79,"Transportation","transportation",[],[51,355],{"family":52,"examples":53},"screens",[54,95,116,140,153,177,195,216,256,270,304,331],{"uuid":55,"title":56,"description":57,"canonical_path":29,"image":11,"width":58,"height":59,"image_alt":60,"kind":61,"patterns":62,"component_categories":72,"app":93},"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",[63],{"id":64,"label":65,"slug":66,"rank":67,"group":68},136,"Landing Page","landing-page",0,{"id":69,"label":70,"slug":71},15,"Marketing Page Types","marketing-page-types",[73,77,81,85,89],{"id":74,"title":75,"slug":76},258,"Header","header",{"id":78,"title":79,"slug":80},232,"Testimonial","testimonial",{"id":82,"title":83,"slug":84},202,"Footer","footer",{"id":86,"title":87,"slug":88},240,"Horizontal navigation","horizontal-navigation",{"id":90,"title":91,"slug":92},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":94},[],{"uuid":96,"title":97,"description":98,"canonical_path":29,"image":99,"width":58,"height":100,"image_alt":101,"kind":61,"patterns":102,"component_categories":111,"app":114},"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",[103],{"id":104,"label":105,"slug":106,"rank":67,"group":107},4,"Sign In","sign-in",{"id":108,"label":109,"slug":110},1,"Access & Account","access-and-account",[112,113],{"id":86,"title":87,"slug":88},{"id":90,"title":91,"slug":92},{"slug":36,"title":35,"logo":38,"categories":115},[],{"uuid":117,"title":118,"description":119,"canonical_path":29,"image":120,"width":58,"height":121,"image_alt":122,"kind":61,"patterns":123,"component_categories":131,"app":138},"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",[124],{"id":125,"label":118,"slug":126,"rank":67,"group":127},22,"search",{"id":128,"label":129,"slug":130},2,"Actions","actions",[132,136,137],{"id":133,"title":134,"slug":135},174,"Card","card",{"id":86,"title":87,"slug":88},{"id":90,"title":91,"slug":92},{"slug":36,"title":35,"logo":38,"categories":139},[],{"uuid":141,"title":118,"description":142,"canonical_path":29,"image":143,"width":58,"height":121,"image_alt":122,"kind":61,"patterns":144,"component_categories":147,"app":151},"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",[145],{"id":125,"label":118,"slug":126,"rank":67,"group":146},{"id":128,"label":129,"slug":130},[148,149,150],{"id":133,"title":134,"slug":135},{"id":86,"title":87,"slug":88},{"id":90,"title":91,"slug":92},{"slug":36,"title":35,"logo":38,"categories":152},[],{"uuid":154,"title":118,"description":155,"canonical_path":29,"image":156,"width":58,"height":121,"image_alt":122,"kind":61,"patterns":157,"component_categories":167,"app":175},"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",[158,160],{"id":125,"label":118,"slug":126,"rank":67,"group":159},{"id":128,"label":129,"slug":130},{"id":161,"label":162,"slug":163,"rank":108,"group":164},51,"Calendar","calendar",{"id":42,"label":165,"slug":166},"Media & Tools","media-and-tools",[168,172,173,174],{"id":169,"title":170,"slug":171},233,"Tabs","tabs",{"id":133,"title":134,"slug":135},{"id":86,"title":87,"slug":88},{"id":90,"title":91,"slug":92},{"slug":36,"title":35,"logo":38,"categories":176},[],{"uuid":178,"title":118,"description":179,"canonical_path":29,"image":180,"width":58,"height":121,"image_alt":122,"kind":61,"patterns":181,"component_categories":189,"app":193},"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",[182,184],{"id":125,"label":118,"slug":126,"rank":67,"group":183},{"id":128,"label":129,"slug":130},{"id":185,"label":186,"slug":187,"rank":108,"group":188},23,"Select","select",{"id":128,"label":129,"slug":130},[190,191,192],{"id":133,"title":134,"slug":135},{"id":86,"title":87,"slug":88},{"id":90,"title":91,"slug":92},{"slug":36,"title":35,"logo":38,"categories":194},[],{"uuid":196,"title":118,"description":197,"canonical_path":29,"image":198,"width":58,"height":121,"image_alt":122,"kind":61,"patterns":199,"component_categories":207,"app":214},"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",[200],{"id":201,"label":202,"slug":203,"rank":67,"group":204},42,"Form","form",{"id":104,"label":205,"slug":206},"Data & Analysis","data-and-analysis",[208,212,213],{"id":209,"title":210,"slug":211},284,"Modal","modal",{"id":86,"title":87,"slug":88},{"id":90,"title":91,"slug":92},{"slug":36,"title":35,"logo":38,"categories":215},[],{"uuid":217,"title":118,"description":218,"canonical_path":29,"image":219,"width":58,"height":121,"image_alt":122,"kind":61,"patterns":220,"component_categories":245,"app":254},"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",[221,229,237,242],{"id":222,"label":223,"slug":224,"rank":67,"group":225},84,"Search Results","search-results",{"id":226,"label":227,"slug":228},8,"Pages & Content","pages-and-content",{"id":230,"label":231,"slug":232,"rank":108,"group":233},130,"Checkout","checkout",{"id":234,"label":235,"slug":236},14,"Payments & Checkout","payments-and-checkout",{"id":238,"label":239,"slug":240,"rank":128,"group":241},13,"Filter & Sort","filter-and-sort",{"id":128,"label":129,"slug":130},{"id":185,"label":186,"slug":187,"rank":243,"group":244},3,{"id":128,"label":129,"slug":130},[246,250,251,252,253],{"id":247,"title":248,"slug":249},168,"Accordion","accordion",{"id":169,"title":170,"slug":171},{"id":133,"title":134,"slug":135},{"id":86,"title":87,"slug":88},{"id":90,"title":91,"slug":92},{"slug":36,"title":35,"logo":38,"categories":255},[],{"uuid":257,"title":231,"description":258,"canonical_path":29,"image":259,"width":58,"height":121,"image_alt":260,"kind":61,"patterns":261,"component_categories":264,"app":268},"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",[262],{"id":230,"label":231,"slug":232,"rank":67,"group":263},{"id":234,"label":235,"slug":236},[265,266,267],{"id":133,"title":134,"slug":135},{"id":86,"title":87,"slug":88},{"id":90,"title":91,"slug":92},{"slug":36,"title":35,"logo":38,"categories":269},[],{"uuid":271,"title":272,"description":273,"canonical_path":29,"image":274,"width":58,"height":275,"image_alt":276,"kind":61,"patterns":277,"component_categories":296,"app":302},"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",[278,286,291],{"id":279,"label":280,"slug":281,"rank":67,"group":282},115,"Empty State","empty-state",{"id":283,"label":284,"slug":285},12,"States & Feedback","states-and-feedback",{"id":287,"label":288,"slug":289,"rank":108,"group":290},80,"Files","files",{"id":226,"label":227,"slug":228},{"id":292,"label":293,"slug":294,"rank":128,"group":295},41,"Dashboard","dashboard",{"id":104,"label":205,"slug":206},[297,298,299,300,301],{"id":247,"title":248,"slug":249},{"id":169,"title":170,"slug":171},{"id":133,"title":134,"slug":135},{"id":86,"title":87,"slug":88},{"id":90,"title":91,"slug":92},{"slug":36,"title":35,"logo":38,"categories":303},[],{"uuid":305,"title":306,"description":307,"canonical_path":29,"image":308,"width":58,"height":121,"image_alt":309,"kind":61,"patterns":310,"component_categories":324,"app":329},"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",[311,319],{"id":312,"label":313,"slug":314,"rank":67,"group":315},94,"Account Settings","account-settings",{"id":316,"label":317,"slug":318},10,"Settings & Admin","settings-and-admin",{"id":320,"label":321,"slug":322,"rank":108,"group":323},11,"Edit","edit",{"id":128,"label":129,"slug":130},[325,326,327,328],{"id":169,"title":170,"slug":171},{"id":133,"title":134,"slug":135},{"id":86,"title":87,"slug":88},{"id":90,"title":91,"slug":92},{"slug":36,"title":35,"logo":38,"categories":330},[],{"uuid":332,"title":306,"description":333,"canonical_path":29,"image":334,"width":58,"height":335,"image_alt":309,"kind":61,"patterns":336,"component_categories":349,"app":353},"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,[337,342,344],{"id":338,"label":339,"slug":340,"rank":67,"group":341},7,"Add & Create","add-and-create",{"id":128,"label":129,"slug":130},{"id":230,"label":231,"slug":232,"rank":108,"group":343},{"id":234,"label":235,"slug":236},{"id":345,"label":346,"slug":347,"rank":128,"group":348},131,"Payment Form","payment-form",{"id":234,"label":235,"slug":236},[350,351,352],{"id":133,"title":134,"slug":135},{"id":86,"title":87,"slug":88},{"id":90,"title":91,"slug":92},{"slug":36,"title":35,"logo":38,"categories":354},[],{"family":356,"examples":357},"pages",[],[359,361,363,366,369,372,375,377,381,385,389],{"label":360,"to":29},"Captain Train product screens",{"label":362,"to":32},"Captain Train marketing pages",{"label":364,"to":365},"Captain Train user flows","\u002Fexamples\u002Fapps\u002Fcaptain-train\u002Fflows",{"label":367,"to":368},"Captain Train UI components","\u002Fexamples\u002Fapps\u002Fcaptain-train\u002Fcomponents",{"label":370,"to":371},"Travel app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ftravel",{"label":373,"to":374},"Transportation app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ftransportation",{"label":376,"to":18},"All SaaS app examples",{"label":378,"to":379,"description":380},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":382,"to":383,"description":384},"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":386,"to":387,"description":388},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":390,"to":391,"description":392},"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":394,"updated_at":395},"2016-05-24T18:55:00.000Z","2026-09-13T13:02:39.000Z"]