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