[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fonfleet\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":39,"showcases":360,"links":361,"dates":416},"\u002Fexamples\u002Fapps\u002Fonfleet\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Onfleet product screens examples - Nicelydone","Browse Onfleet screen design examples. Preview the interface screenshots and explore related UI patterns. Power your deliveries","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fonfleet_sign-in_6e256ea9_nicelydone.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},"Onfleet design examples","\u002Fexamples\u002Fapps\u002Fonfleet",{"label":23,"to":4},"Onfleet 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},"Onfleet","onfleet","Power your deliveries","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fonfleet-4b547e7f.png","https:\u002F\u002Fonfleet.com",[35],{"id":36,"title":37,"slug":38},91,"Delivery","delivery",[40,65,85,111,131,144,171,222,248,280,310,331],{"uuid":41,"title":42,"description":43,"canonical_path":4,"image":11,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":48,"component_categories":58,"app":63},"c2827a7a-c6f9-41b6-80a1-3ef09ea063d1","Onfleet | Log In","Sign-in screen where the user authenticates with their administrator or dispatcher email address and password.",3072,2094,"Onfleet | Log In from Onfleet","screen",[49],{"id":50,"label":51,"slug":52,"rank":53,"group":54},4,"Sign In","sign-in",0,{"id":55,"label":56,"slug":57},1,"Access & Account","access-and-account",[59],{"id":60,"title":61,"slug":62},240,"Horizontal navigation","horizontal-navigation",{"slug":30,"title":29,"logo":32,"categories":64},[],{"uuid":66,"title":67,"description":68,"canonical_path":4,"image":69,"width":44,"height":70,"image_alt":71,"kind":47,"patterns":72,"component_categories":78,"app":83},"ce57c719-cc7f-4d4a-adea-0e0e6bbad4cf","Onfleet | Update Password","Password recovery screen where the user enters their administrator or dispatcher email address to receive a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fonfleet_password-reset_219fd14b_nicelydone.png",1906,"Onfleet | Update Password from Onfleet",[73],{"id":74,"label":75,"slug":76,"rank":53,"group":77},2,"Forgot Password","forgot-password",{"id":55,"label":56,"slug":57},[79],{"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":44,"height":90,"image_alt":91,"kind":47,"patterns":92,"component_categories":102,"app":109},"d32cba19-7322-48a8-8ae4-433230bd4171","Onfleet | Sign up","Signup page where the user provides personal info like name, email, and password in the first step of account creation, alongside marketing copy promoting route optimization.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fonfleet_sign-up_508d27c3_nicelydone.png",1986,"Onfleet | Sign up from Onfleet",[93,98],{"id":94,"label":95,"slug":96,"rank":53,"group":97},5,"Sign Up","sign-up",{"id":55,"label":56,"slug":57},{"id":55,"label":99,"slug":100,"rank":55,"group":101},"Account Setup","account-setup",{"id":55,"label":56,"slug":57},[103,107,108],{"id":104,"title":105,"slug":106},227,"Stepper","stepper",{"id":60,"title":61,"slug":62},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":110},[],{"uuid":112,"title":87,"description":113,"canonical_path":4,"image":114,"width":44,"height":90,"image_alt":91,"kind":47,"patterns":115,"component_categories":126,"app":129},"a5b275a3-1cfa-43b5-b731-8c6516205d01","Signup step where the user provides their country, industry, and monthly delivery volume to create an account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fonfleet_sign-up_22cc1533_nicelydone.png",[116,118],{"id":94,"label":95,"slug":96,"rank":53,"group":117},{"id":55,"label":56,"slug":57},{"id":119,"label":120,"slug":121,"rank":55,"group":122},75,"Setup Wizard","setup-wizard",{"id":123,"label":124,"slug":125},7,"Onboarding & Education","onboarding-and-education",[127,128],{"id":104,"title":105,"slug":106},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":130},[],{"uuid":132,"title":87,"description":133,"canonical_path":4,"image":134,"width":44,"height":90,"image_alt":91,"kind":47,"patterns":135,"component_categories":138,"app":142},"453fab94-6c2c-49d2-8478-9e90f086fa68","Signup screen where the user provides their business country, industry, and monthly delivery volume to create an account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fonfleet_sign-up_da45dc1d_nicelydone.png",[136],{"id":94,"label":95,"slug":96,"rank":53,"group":137},{"id":55,"label":56,"slug":57},[139,140,141],{"id":104,"title":105,"slug":106},{"id":60,"title":61,"slug":62},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":143},[],{"uuid":145,"title":87,"description":146,"canonical_path":4,"image":147,"width":44,"height":148,"image_alt":91,"kind":47,"patterns":149,"component_categories":165,"app":169},"3dee72c2-11e6-4fcf-9e72-36be95463958","Signup step where the user enters their credit card details to start a 14-day free trial.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fonfleet_sign-up_02425d91_nicelydone.png",2042,[150,152,160],{"id":94,"label":95,"slug":96,"rank":53,"group":151},{"id":55,"label":56,"slug":57},{"id":153,"label":154,"slug":155,"rank":55,"group":156},131,"Payment Form","payment-form",{"id":157,"label":158,"slug":159},14,"Payments & Checkout","payments-and-checkout",{"id":161,"label":162,"slug":163,"rank":74,"group":164},130,"Checkout","checkout",{"id":157,"label":158,"slug":159},[166,167,168],{"id":104,"title":105,"slug":106},{"id":60,"title":61,"slug":62},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":170},[],{"uuid":172,"title":29,"description":173,"canonical_path":4,"image":174,"width":44,"height":175,"image_alt":176,"kind":47,"patterns":177,"component_categories":205,"app":220},"1783a948-cde0-4e87-b9de-633717f93119","Map view where the user monitors unassigned tasks and driver locations across a city.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fonfleet_home-product-logged_maps_c6846c03_nicelydone.png",1654,"Onfleet from Onfleet",[178,185,192,199],{"id":179,"label":180,"slug":181,"rank":53,"group":182},41,"Dashboard","dashboard",{"id":50,"label":183,"slug":184},"Data & Analysis","data-and-analysis",{"id":186,"label":187,"slug":188,"rank":55,"group":189},57,"Map","map",{"id":94,"label":190,"slug":191},"Media & Tools","media-and-tools",{"id":193,"label":194,"slug":195,"rank":74,"group":196},13,"Filter & Sort","filter-and-sort",{"id":74,"label":197,"slug":198},"Actions","actions",{"id":200,"label":201,"slug":202,"rank":203,"group":204},22,"Search","search",3,{"id":74,"label":197,"slug":198},[206,210,214,218,219],{"id":207,"title":208,"slug":209},233,"Tabs","tabs",{"id":211,"title":212,"slug":213},277,"Button group","button-group",{"id":215,"title":216,"slug":217},260,"Badge","badge",{"id":60,"title":61,"slug":62},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":221},[],{"uuid":223,"title":29,"description":224,"canonical_path":4,"image":225,"width":44,"height":175,"image_alt":176,"kind":47,"patterns":226,"component_categories":233,"app":246},"88e08d4e-75dc-4586-8836-711d7751a0da","Map view where the user monitors unassigned tasks, with an active popover filtering by date, time, teams, and status.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fonfleet_calendars-time_filters_d3ab3f40_nicelydone.png",[227,229,231],{"id":179,"label":180,"slug":181,"rank":53,"group":228},{"id":50,"label":183,"slug":184},{"id":186,"label":187,"slug":188,"rank":55,"group":230},{"id":94,"label":190,"slug":191},{"id":193,"label":194,"slug":195,"rank":74,"group":232},{"id":74,"label":197,"slug":198},[234,238,242,243,244,245],{"id":235,"title":236,"slug":237},214,"Popover","popover",{"id":239,"title":240,"slug":241},223,"Slider","slider",{"id":207,"title":208,"slug":209},{"id":211,"title":212,"slug":213},{"id":60,"title":61,"slug":62},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":247},[],{"uuid":249,"title":29,"description":250,"canonical_path":4,"image":251,"width":44,"height":175,"image_alt":176,"kind":47,"patterns":252,"component_categories":267,"app":278},"3316a56a-37d8-4945-946a-7f9e769494da","List view for fleet management showing a map of tasks with a central modal open to create a new task, including recipient details, destination, and requirements.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fonfleet_create_modals-and-popovers_b340f4b6_nicelydone.png",[253,257,259],{"id":123,"label":254,"slug":255,"rank":53,"group":256},"Add & Create","add-and-create",{"id":74,"label":197,"slug":198},{"id":186,"label":187,"slug":188,"rank":55,"group":258},{"id":94,"label":190,"slug":191},{"id":260,"label":261,"slug":262,"rank":74,"group":263},85,"Tasks","tasks",{"id":264,"label":265,"slug":266},8,"Pages & Content","pages-and-content",[268,272,276,277],{"id":269,"title":270,"slug":271},257,"Input number","input-number",{"id":273,"title":274,"slug":275},284,"Modal","modal",{"id":60,"title":61,"slug":62},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":279},[],{"uuid":281,"title":29,"description":282,"canonical_path":4,"image":283,"width":44,"height":175,"image_alt":176,"kind":47,"patterns":284,"component_categories":300,"app":308},"f820c18b-5ac6-414e-9493-97ecd17a28eb","Settings modal where the user configures organization details like name, email, timezone, and advanced features over a map dashboard.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fonfleet_settings_modals-and-popovers_10a00a2d_nicelydone.png",[285,293,295],{"id":286,"label":287,"slug":288,"rank":53,"group":289},94,"Account Settings","account-settings",{"id":290,"label":291,"slug":292},10,"Settings & Admin","settings-and-admin",{"id":186,"label":187,"slug":188,"rank":55,"group":294},{"id":94,"label":190,"slug":191},{"id":296,"label":297,"slug":298,"rank":74,"group":299},42,"Form","form",{"id":50,"label":183,"slug":184},[301,305,306,307],{"id":302,"title":303,"slug":304},169,"Avatar","avatar",{"id":273,"title":274,"slug":275},{"id":215,"title":216,"slug":217},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":309},[],{"uuid":311,"title":29,"description":312,"canonical_path":4,"image":313,"width":44,"height":175,"image_alt":176,"kind":47,"patterns":314,"component_categories":324,"app":329},"49ec5ab5-c059-4690-a76a-0d806fabb2ab","Settings modal where the user updates their name, contact information, and accessibility preferences over a map dashboard.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fonfleet_settings_modals-and-popovers_a4af3bb0_nicelydone.png",[315,317,322],{"id":286,"label":287,"slug":288,"rank":53,"group":316},{"id":290,"label":291,"slug":292},{"id":318,"label":319,"slug":320,"rank":55,"group":321},11,"Edit","edit",{"id":74,"label":197,"slug":198},{"id":186,"label":187,"slug":188,"rank":74,"group":323},{"id":94,"label":190,"slug":191},[325,326,327,328],{"id":273,"title":274,"slug":275},{"id":211,"title":212,"slug":213},{"id":215,"title":216,"slug":217},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":330},[],{"uuid":332,"title":29,"description":333,"canonical_path":4,"image":334,"width":44,"height":175,"image_alt":176,"kind":47,"patterns":335,"component_categories":349,"app":358},"8a8462ce-9901-4fd9-bfda-4a1e7585ecba","Settings modal where the user manages teams and hubs, currently showing empty states for both.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fonfleet_settings_modals-and-popovers_c59e7f52_nicelydone.png",[336,341],{"id":337,"label":338,"slug":339,"rank":53,"group":340},104,"Team Management","team-management",{"id":290,"label":291,"slug":292},{"id":342,"label":343,"slug":344,"rank":55,"group":345},115,"Empty State","empty-state",{"id":346,"label":347,"slug":348},12,"States & Feedback","states-and-feedback",[350,354,355,356,357],{"id":351,"title":352,"slug":353},174,"Card","card",{"id":273,"title":274,"slug":275},{"id":211,"title":212,"slug":213},{"id":215,"title":216,"slug":217},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":359},[],[],[362,364,366,368,370,372,374,376,378,380,382,384,386,389,392,395,398,400,404,408,412],{"label":187,"to":363},"\u002Fexamples\u002Fscreens\u002Fmap",{"label":95,"to":365},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":287,"to":367},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":180,"to":369},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":194,"to":371},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":99,"to":373},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":254,"to":375},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":162,"to":377},"\u002Fexamples\u002Fscreens\u002Fcheckout",{"label":319,"to":379},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":343,"to":381},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":75,"to":383},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":297,"to":385},"\u002Fexamples\u002Fscreens\u002Fform",{"label":387,"to":388},"Onfleet marketing pages","\u002Fexamples\u002Fapps\u002Fonfleet\u002Fmarketing",{"label":390,"to":391},"Onfleet user flows","\u002Fexamples\u002Fapps\u002Fonfleet\u002Fflows",{"label":393,"to":394},"Onfleet UI components","\u002Fexamples\u002Fapps\u002Fonfleet\u002Fcomponents",{"label":396,"to":397},"Delivery app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdelivery",{"label":399,"to":18},"All SaaS app examples",{"label":401,"to":402,"description":403},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":405,"to":406,"description":407},"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":409,"to":410,"description":411},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":413,"to":414,"description":415},"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":417,"updated_at":418},"2021-02-14T18:02:35.000Z","2026-09-13T13:02:39.000Z"]