[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fchargetrip\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":263,"links":264,"dates":318},"\u002Fexamples\u002Fapps\u002Fchargetrip\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Chargetrip product screens examples - Nicelydone","Browse Chargetrip screen design examples. Preview the interface screenshots and explore related UI patterns. Smart Navigation for Electric Mobility","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc12b4d3b-38f4-48f2-b3fe-d806c397d1cc.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},"Chargetrip design examples","\u002Fexamples\u002Fapps\u002Fchargetrip",{"label":23,"to":4},"Chargetrip 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},"Chargetrip","chargetrip","Smart Navigation for Electric Mobility","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fchargetrip-62791dd6.png","https:\u002F\u002Fchargetrip.com",[35,39],{"id":36,"title":37,"slug":38},79,"Transportation","transportation",{"id":40,"title":41,"slug":42},80,"Artificial Intelligence","artificial-intelligence",[44,69,97,118,132,143,160,172,188,202,214,225],{"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":67},"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",[53],{"id":54,"label":55,"slug":56,"rank":57,"group":58},4,"Sign In","sign-in",0,{"id":59,"label":60,"slug":61},1,"Access & Account","access-and-account",[63],{"id":64,"title":65,"slug":66},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":68},[],{"uuid":70,"title":71,"description":72,"canonical_path":4,"image":73,"width":48,"height":49,"image_alt":74,"kind":51,"patterns":75,"component_categories":89,"app":95},"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",[76,81],{"id":77,"label":78,"slug":79,"rank":57,"group":80},2,"Forgot Password","forgot-password",{"id":59,"label":60,"slug":61},{"id":82,"label":83,"slug":84,"rank":59,"group":85},116,"Error","error",{"id":86,"label":87,"slug":88},12,"States & Feedback","states-and-feedback",[90,94],{"id":91,"title":92,"slug":93},240,"Horizontal navigation","horizontal-navigation",{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":96},[],{"uuid":98,"title":71,"description":99,"canonical_path":4,"image":100,"width":48,"height":49,"image_alt":74,"kind":51,"patterns":101,"component_categories":114,"app":116},"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",[102,104,109],{"id":77,"label":78,"slug":79,"rank":57,"group":103},{"id":59,"label":60,"slug":61},{"id":105,"label":106,"slug":107,"rank":59,"group":108},114,"Confirmation","confirmation",{"id":86,"label":87,"slug":88},{"id":110,"label":111,"slug":112,"rank":77,"group":113},122,"Success","success",{"id":86,"label":87,"slug":88},[115],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":117},[],{"uuid":119,"title":46,"description":120,"canonical_path":4,"image":121,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":122,"component_categories":128,"app":130},"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",[123],{"id":124,"label":125,"slug":126,"rank":57,"group":127},5,"Sign Up","sign-up",{"id":59,"label":60,"slug":61},[129],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":131},[],{"uuid":133,"title":46,"description":134,"canonical_path":4,"image":135,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":136,"component_categories":139,"app":141},"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",[137],{"id":124,"label":125,"slug":126,"rank":57,"group":138},{"id":59,"label":60,"slug":61},[140],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":142},[],{"uuid":144,"title":46,"description":145,"canonical_path":4,"image":146,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":147,"component_categories":152,"app":158},"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",[148,150],{"id":82,"label":83,"slug":84,"rank":57,"group":149},{"id":86,"label":87,"slug":88},{"id":124,"label":125,"slug":126,"rank":59,"group":151},{"id":59,"label":60,"slug":61},[153,157],{"id":154,"title":155,"slug":156},284,"Modal","modal",{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":159},[],{"uuid":161,"title":46,"description":162,"canonical_path":4,"image":163,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":164,"component_categories":167,"app":170},"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",[165],{"id":124,"label":125,"slug":126,"rank":57,"group":166},{"id":59,"label":60,"slug":61},[168,169],{"id":91,"title":92,"slug":93},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":171},[],{"uuid":173,"title":46,"description":174,"canonical_path":4,"image":175,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":176,"component_categories":184,"app":186},"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",[177,182],{"id":178,"label":179,"slug":180,"rank":57,"group":181},6,"Verification","verification",{"id":59,"label":60,"slug":61},{"id":124,"label":125,"slug":126,"rank":59,"group":183},{"id":59,"label":60,"slug":61},[185],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":187},[],{"uuid":189,"title":46,"description":190,"canonical_path":4,"image":191,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":192,"component_categories":197,"app":200},"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",[193,195],{"id":178,"label":179,"slug":180,"rank":57,"group":194},{"id":59,"label":60,"slug":61},{"id":110,"label":111,"slug":112,"rank":59,"group":196},{"id":86,"label":87,"slug":88},[198,199],{"id":91,"title":92,"slug":93},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":201},[],{"uuid":203,"title":46,"description":204,"canonical_path":4,"image":205,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":206,"component_categories":209,"app":212},"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",[207],{"id":54,"label":55,"slug":56,"rank":57,"group":208},{"id":59,"label":60,"slug":61},[210,211],{"id":91,"title":92,"slug":93},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":213},[],{"uuid":215,"title":46,"description":216,"canonical_path":4,"image":217,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":218,"component_categories":221,"app":223},"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",[219],{"id":54,"label":55,"slug":56,"rank":57,"group":220},{"id":59,"label":60,"slug":61},[222],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":224},[],{"uuid":226,"title":227,"description":228,"canonical_path":4,"image":229,"width":48,"height":49,"image_alt":230,"kind":51,"patterns":231,"component_categories":251,"app":261},"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",[232,237,244],{"id":233,"label":234,"slug":235,"rank":57,"group":236},115,"Empty State","empty-state",{"id":86,"label":87,"slug":88},{"id":238,"label":239,"slug":240,"rank":59,"group":241},7,"Add & Create","add-and-create",{"id":77,"label":242,"slug":243},"Actions","actions",{"id":245,"label":246,"slug":247,"rank":77,"group":248},41,"Dashboard","dashboard",{"id":54,"label":249,"slug":250},"Data & Analysis","data-and-analysis",[252,256,260],{"id":253,"title":254,"slug":255},260,"Badge","badge",{"id":257,"title":258,"slug":259},174,"Card","card",{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":262},[],[],[265,267,269,271,273,275,277,279,281,283,285,288,291,294,297,300,302,306,310,314],{"label":125,"to":266},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":55,"to":268},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":83,"to":270},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":78,"to":272},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":111,"to":274},"\u002Fexamples\u002Fscreens\u002Fsuccess",{"label":179,"to":276},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":239,"to":278},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":106,"to":280},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":246,"to":282},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":234,"to":284},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":286,"to":287},"Chargetrip marketing pages","\u002Fexamples\u002Fapps\u002Fchargetrip\u002Fmarketing",{"label":289,"to":290},"Chargetrip user flows","\u002Fexamples\u002Fapps\u002Fchargetrip\u002Fflows",{"label":292,"to":293},"Chargetrip UI components","\u002Fexamples\u002Fapps\u002Fchargetrip\u002Fcomponents",{"label":295,"to":296},"Transportation app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ftransportation",{"label":298,"to":299},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":301,"to":18},"All SaaS app examples",{"label":303,"to":304,"description":305},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":307,"to":308,"description":309},"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":311,"to":312,"description":313},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":315,"to":316,"description":317},"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":319,"updated_at":320},"2020-06-11T18:27:34.000Z","2026-09-13T13:02:39.000Z"]