[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fchargetrip":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":276,"dates":311},"\u002Fexamples\u002Fapps\u002Fchargetrip","detail","apps",true,{"title":9,"description":10,"og_image":11},"Chargetrip design examples - Nicelydone","Explore Chargetrip UI design examples. Smart Navigation for Electric Mobility","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc12b4d3b-38f4-48f2-b3fe-d806c397d1cc.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Chargetrip design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Chargetrip",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fchargetrip\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fchargetrip\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"categories":40},"Chargetrip","chargetrip","Smart Navigation for Electric Mobility","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fchargetrip-62791dd6.png","https:\u002F\u002Fchargetrip.com",[41,45],{"id":42,"title":43,"slug":44},79,"Transportation","transportation",{"id":46,"title":47,"slug":48},80,"Artificial Intelligence","artificial-intelligence",[],[51,273],{"family":52,"examples":53},"screens",[54,79,107,128,142,153,170,182,198,212,224,235],{"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":77},"c12b4d3b-38f4-48f2-b3fe-d806c397d1cc","Chargetrip - Sign in","Sign-in screen where the user authenticates with email and password to access the Chargetrip developer portal.",3072,1716,"Chargetrip - Sign in from Chargetrip","screen",[63],{"id":64,"label":65,"slug":66,"rank":67,"group":68},4,"Sign In","sign-in",0,{"id":69,"label":70,"slug":71},1,"Access & Account","access-and-account",[73],{"id":74,"title":75,"slug":76},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":78},[],{"uuid":80,"title":81,"description":82,"canonical_path":29,"image":83,"width":58,"height":59,"image_alt":84,"kind":61,"patterns":85,"component_categories":99,"app":105},"6cb6fd65-1683-4e78-a68a-24eaa5059430","Chargetrip - Forgot Password","Password recovery screen where the user enters their email to receive a reset link, currently showing an invalid email validation error.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6cb6fd65-1683-4e78-a68a-24eaa5059430.png","Chargetrip - Forgot Password from Chargetrip",[86,91],{"id":87,"label":88,"slug":89,"rank":67,"group":90},2,"Forgot Password","forgot-password",{"id":69,"label":70,"slug":71},{"id":92,"label":93,"slug":94,"rank":69,"group":95},116,"Error","error",{"id":96,"label":97,"slug":98},12,"States & Feedback","states-and-feedback",[100,104],{"id":101,"title":102,"slug":103},240,"Horizontal navigation","horizontal-navigation",{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":106},[],{"uuid":108,"title":81,"description":109,"canonical_path":29,"image":110,"width":58,"height":59,"image_alt":84,"kind":61,"patterns":111,"component_categories":124,"app":126},"08e4e328-0259-4fd0-a03a-50cf255a07ce","Password recovery screen confirming that a reset link has been sent to the user's email address, with an option to return to the sign-in page.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F08e4e328-0259-4fd0-a03a-50cf255a07ce.png",[112,114,119],{"id":87,"label":88,"slug":89,"rank":67,"group":113},{"id":69,"label":70,"slug":71},{"id":115,"label":116,"slug":117,"rank":69,"group":118},114,"Confirmation","confirmation",{"id":96,"label":97,"slug":98},{"id":120,"label":121,"slug":122,"rank":87,"group":123},122,"Success","success",{"id":96,"label":97,"slug":98},[125],{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":127},[],{"uuid":129,"title":56,"description":130,"canonical_path":29,"image":131,"width":58,"height":59,"image_alt":60,"kind":61,"patterns":132,"component_categories":138,"app":140},"177bd1f8-c42e-4ea3-abbd-0db2d6f79dc9","Signup page where the user creates an account to try the API for free by providing their name, company details, and email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F177bd1f8-c42e-4ea3-abbd-0db2d6f79dc9.png",[133],{"id":134,"label":135,"slug":136,"rank":67,"group":137},5,"Sign Up","sign-up",{"id":69,"label":70,"slug":71},[139],{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":141},[],{"uuid":143,"title":56,"description":144,"canonical_path":29,"image":145,"width":58,"height":59,"image_alt":60,"kind":61,"patterns":146,"component_categories":149,"app":151},"f4d349db-84e9-441b-95f9-e177e26c9fef","Signup page where the user creates a developer account by providing their name, company details, and credentials to access EV routing solutions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff4d349db-84e9-441b-95f9-e177e26c9fef.png",[147],{"id":134,"label":135,"slug":136,"rank":67,"group":148},{"id":69,"label":70,"slug":71},[150],{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":152},[],{"uuid":154,"title":56,"description":155,"canonical_path":29,"image":156,"width":58,"height":59,"image_alt":60,"kind":61,"patterns":157,"component_categories":162,"app":168},"77d1a27e-1d7a-4712-9428-e1a24137c00c","Signup page where an anti-spam check failure triggers a modal blocking the user from creating an API account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F77d1a27e-1d7a-4712-9428-e1a24137c00c.png",[158,160],{"id":92,"label":93,"slug":94,"rank":67,"group":159},{"id":96,"label":97,"slug":98},{"id":134,"label":135,"slug":136,"rank":69,"group":161},{"id":69,"label":70,"slug":71},[163,167],{"id":164,"title":165,"slug":166},284,"Modal","modal",{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":169},[],{"uuid":171,"title":56,"description":172,"canonical_path":29,"image":173,"width":58,"height":59,"image_alt":60,"kind":61,"patterns":174,"component_categories":177,"app":180},"4e5f547e-492c-477b-a91c-4c21cd70b71f","Sign-up screen where the user provides their name, company, and role to create a free developer account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4e5f547e-492c-477b-a91c-4c21cd70b71f.png",[175],{"id":134,"label":135,"slug":136,"rank":67,"group":176},{"id":69,"label":70,"slug":71},[178,179],{"id":101,"title":102,"slug":103},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":181},[],{"uuid":183,"title":56,"description":184,"canonical_path":29,"image":185,"width":58,"height":59,"image_alt":60,"kind":61,"patterns":186,"component_categories":194,"app":196},"cfab941c-9a47-4885-be5a-e3619f5d9c2c","Verification screen where the user is instructed to check their inbox for a link to activate their account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcfab941c-9a47-4885-be5a-e3619f5d9c2c.png",[187,192],{"id":188,"label":189,"slug":190,"rank":67,"group":191},6,"Verification","verification",{"id":69,"label":70,"slug":71},{"id":134,"label":135,"slug":136,"rank":69,"group":193},{"id":69,"label":70,"slug":71},[195],{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":197},[],{"uuid":199,"title":56,"description":200,"canonical_path":29,"image":201,"width":58,"height":59,"image_alt":60,"kind":61,"patterns":202,"component_categories":207,"app":210},"c6a00cb6-d679-49d4-b359-875c5c521a0f","Success screen confirming the user's email has been verified, with a prompt to continue to the login page.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc6a00cb6-d679-49d4-b359-875c5c521a0f.png",[203,205],{"id":188,"label":189,"slug":190,"rank":67,"group":204},{"id":69,"label":70,"slug":71},{"id":120,"label":121,"slug":122,"rank":69,"group":206},{"id":96,"label":97,"slug":98},[208,209],{"id":101,"title":102,"slug":103},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":211},[],{"uuid":213,"title":56,"description":214,"canonical_path":29,"image":215,"width":58,"height":59,"image_alt":60,"kind":61,"patterns":216,"component_categories":219,"app":222},"db062556-e13a-4c5c-8760-52363cc4aff0","Sign-in screen where the user authenticates with their email and password to access the platform.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdb062556-e13a-4c5c-8760-52363cc4aff0.png",[217],{"id":64,"label":65,"slug":66,"rank":67,"group":218},{"id":69,"label":70,"slug":71},[220,221],{"id":101,"title":102,"slug":103},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":223},[],{"uuid":225,"title":56,"description":226,"canonical_path":29,"image":227,"width":58,"height":59,"image_alt":60,"kind":61,"patterns":228,"component_categories":231,"app":233},"25dbdf5e-3f31-4c5f-aa7d-f6e5c376c3db","Sign-in screen where the user authenticates with their email and password, currently showing a loading state upon submission.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F25dbdf5e-3f31-4c5f-aa7d-f6e5c376c3db.png",[229],{"id":64,"label":65,"slug":66,"rank":67,"group":230},{"id":69,"label":70,"slug":71},[232],{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":234},[],{"uuid":236,"title":237,"description":238,"canonical_path":29,"image":239,"width":58,"height":59,"image_alt":240,"kind":61,"patterns":241,"component_categories":261,"app":271},"a76df662-3c49-4d13-9239-e92fba1723ee","Chargetrip - Projects","Dashboard empty state prompting the user to create their first project, alongside current API billing usage and documentation resources.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa76df662-3c49-4d13-9239-e92fba1723ee.png","Chargetrip - Projects from Chargetrip",[242,247,254],{"id":243,"label":244,"slug":245,"rank":67,"group":246},115,"Empty State","empty-state",{"id":96,"label":97,"slug":98},{"id":248,"label":249,"slug":250,"rank":69,"group":251},7,"Add & Create","add-and-create",{"id":87,"label":252,"slug":253},"Actions","actions",{"id":255,"label":256,"slug":257,"rank":87,"group":258},41,"Dashboard","dashboard",{"id":64,"label":259,"slug":260},"Data & Analysis","data-and-analysis",[262,266,270],{"id":263,"title":264,"slug":265},260,"Badge","badge",{"id":267,"title":268,"slug":269},174,"Card","card",{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":272},[],{"family":274,"examples":275},"pages",[],[277,279,281,284,287,290,293,295,299,303,307],{"label":278,"to":29},"Chargetrip product screens",{"label":280,"to":32},"Chargetrip marketing pages",{"label":282,"to":283},"Chargetrip user flows","\u002Fexamples\u002Fapps\u002Fchargetrip\u002Fflows",{"label":285,"to":286},"Chargetrip UI components","\u002Fexamples\u002Fapps\u002Fchargetrip\u002Fcomponents",{"label":288,"to":289},"Transportation app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ftransportation",{"label":291,"to":292},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":294,"to":18},"All SaaS app examples",{"label":296,"to":297,"description":298},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":300,"to":301,"description":302},"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":304,"to":305,"description":306},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":308,"to":309,"description":310},"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":312,"updated_at":313},"2020-06-11T18:27:34.000Z","2026-09-13T13:02:39.000Z"]