[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fmocha\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":317,"links":318,"dates":352},"\u002Fexamples\u002Fapps\u002Fmocha\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Mocha product screens examples - Nicelydone","Browse Mocha screen design examples. Preview the interface screenshots and explore related UI patterns. Create beautiful websites with words, not code","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F07427af2-bc5e-4525-b606-9629ed852575.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},"Mocha design examples","\u002Fexamples\u002Fapps\u002Fmocha",{"label":23,"to":4},"Mocha 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},"Mocha","mocha","Create beautiful websites with words, not code","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd9d4dea4-3f03-4b97-b9a1-d776442fd100.png","https:\u002F\u002Fgetmocha.com",[35,39,43],{"id":36,"title":37,"slug":38},7,"Web Development","web-development",{"id":40,"title":41,"slug":42},80,"Artificial Intelligence","artificial-intelligence",{"id":44,"title":45,"slug":46},96,"No code","no-code",[48,88,108,122,143,159,175,190,220,245,271,298],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":56,"component_categories":73,"app":86},"07427af2-bc5e-4525-b606-9629ed852575","Mocha: AI-Powered No‑Code App Builder for Entrepreneurs","Signup modal where the user creates a Mocha account with Google, Github, or email.",3024,1776,"Mocha: AI-Powered No‑Code App Builder for Entrepreneurs from Mocha","screen",[57,66],{"id":58,"label":59,"slug":60,"rank":61,"group":62},5,"Sign Up","sign-up",0,{"id":63,"label":64,"slug":65},1,"Access & Account","access-and-account",{"id":67,"label":68,"slug":69,"rank":63,"group":70},77,"Welcome","welcome",{"id":36,"label":71,"slug":72},"Onboarding & Education","onboarding-and-education",[74,78,82],{"id":75,"title":76,"slug":77},284,"Modal","modal",{"id":79,"title":80,"slug":81},240,"Horizontal navigation","horizontal-navigation",{"id":83,"title":84,"slug":85},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":87},[],{"uuid":89,"title":50,"description":90,"canonical_path":4,"image":91,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":92,"component_categories":102,"app":106},"0ca06fe8-10aa-4200-b746-538936577e52","Signup modal over the Mocha homepage where the user creates an account with Google, GitHub, or email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0ca06fe8-10aa-4200-b746-538936577e52.png",[93,95,99],{"id":58,"label":59,"slug":60,"rank":61,"group":94},{"id":63,"label":64,"slug":65},{"id":63,"label":96,"slug":97,"rank":63,"group":98},"Account Setup","account-setup",{"id":63,"label":64,"slug":65},{"id":67,"label":68,"slug":69,"rank":100,"group":101},2,{"id":36,"label":71,"slug":72},[103,104,105],{"id":75,"title":76,"slug":77},{"id":79,"title":80,"slug":81},{"id":83,"title":84,"slug":85},{"slug":30,"title":29,"logo":32,"categories":107},[],{"uuid":109,"title":50,"description":110,"canonical_path":4,"image":111,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":112,"component_categories":117,"app":120},"4f05c88b-e408-4d91-a360-44290c897fa4","Signup modal where the user creates a Mocha account via Google, GitHub, or email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4f05c88b-e408-4d91-a360-44290c897fa4.png",[113,115],{"id":58,"label":59,"slug":60,"rank":61,"group":114},{"id":63,"label":64,"slug":65},{"id":63,"label":96,"slug":97,"rank":63,"group":116},{"id":63,"label":64,"slug":65},[118,119],{"id":75,"title":76,"slug":77},{"id":83,"title":84,"slug":85},{"slug":30,"title":29,"logo":32,"categories":121},[],{"uuid":123,"title":50,"description":124,"canonical_path":4,"image":125,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":126,"component_categories":137,"app":141},"cbaedb54-1045-49eb-bd51-b48d623cd806","Signup modal where a new user creates a Mocha account via Google, GitHub, or email, shown with an empty-email error toast.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcbaedb54-1045-49eb-bd51-b48d623cd806.png",[127,129],{"id":58,"label":59,"slug":60,"rank":61,"group":128},{"id":63,"label":64,"slug":65},{"id":130,"label":131,"slug":132,"rank":63,"group":133},116,"Error","error",{"id":134,"label":135,"slug":136},12,"States & Feedback","states-and-feedback",[138,139,140],{"id":75,"title":76,"slug":77},{"id":79,"title":80,"slug":81},{"id":83,"title":84,"slug":85},{"slug":30,"title":29,"logo":32,"categories":142},[],{"uuid":144,"title":50,"description":145,"canonical_path":4,"image":146,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":147,"component_categories":154,"app":157},"7bb51cfe-5c95-4d1e-952c-9abf55b9da32","Signup modal where the user creates a Mocha account with Google, GitHub, or email, after submitting an empty email field that triggered a validation error.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7bb51cfe-5c95-4d1e-952c-9abf55b9da32.png",[148,150,152],{"id":58,"label":59,"slug":60,"rank":61,"group":149},{"id":63,"label":64,"slug":65},{"id":130,"label":131,"slug":132,"rank":63,"group":151},{"id":134,"label":135,"slug":136},{"id":63,"label":96,"slug":97,"rank":100,"group":153},{"id":63,"label":64,"slug":65},[155,156],{"id":75,"title":76,"slug":77},{"id":83,"title":84,"slug":85},{"slug":30,"title":29,"logo":32,"categories":158},[],{"uuid":160,"title":50,"description":161,"canonical_path":4,"image":162,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":163,"component_categories":170,"app":173},"0454bf12-d956-4e61-9716-40de744ac117","Signup modal where the user creates a Mocha account with Google, GitHub, or an email address, overlaid on a blurred marketing landing page.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0454bf12-d956-4e61-9716-40de744ac117.png",[164,166,168],{"id":58,"label":59,"slug":60,"rank":61,"group":165},{"id":63,"label":64,"slug":65},{"id":67,"label":68,"slug":69,"rank":63,"group":167},{"id":36,"label":71,"slug":72},{"id":63,"label":96,"slug":97,"rank":100,"group":169},{"id":63,"label":64,"slug":65},[171,172],{"id":75,"title":76,"slug":77},{"id":83,"title":84,"slug":85},{"slug":30,"title":29,"logo":32,"categories":174},[],{"uuid":176,"title":50,"description":177,"canonical_path":4,"image":178,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":179,"component_categories":185,"app":188},"aef87cab-a4a3-4fa0-b7d7-9866f94793fc","Verification screen confirming that a magic login link was sent to the user's email address products@nicelydone.club.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faef87cab-a4a3-4fa0-b7d7-9866f94793fc.png",[180],{"id":181,"label":182,"slug":183,"rank":61,"group":184},6,"Verification","verification",{"id":63,"label":64,"slug":65},[186,187],{"id":75,"title":76,"slug":77},{"id":83,"title":84,"slug":85},{"slug":30,"title":29,"logo":32,"categories":189},[],{"uuid":191,"title":29,"description":192,"canonical_path":4,"image":193,"width":52,"height":53,"image_alt":194,"kind":55,"patterns":195,"component_categories":215,"app":218},"e4368568-cdad-4a00-b221-cf60771c17e0","Empty apps dashboard where the user creates their first Mocha app, with navigation for All apps, Recent, Starred, and workspace settings.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe4368568-cdad-4a00-b221-cf60771c17e0.png","Mocha from Mocha",[196,201,207],{"id":197,"label":198,"slug":199,"rank":61,"group":200},115,"Empty State","empty-state",{"id":134,"label":135,"slug":136},{"id":36,"label":202,"slug":203,"rank":63,"group":204},"Add & Create","add-and-create",{"id":100,"label":205,"slug":206},"Actions","actions",{"id":208,"label":209,"slug":210,"rank":100,"group":211},41,"Dashboard","dashboard",{"id":212,"label":213,"slug":214},4,"Data & Analysis","data-and-analysis",[216,217],{"id":79,"title":80,"slug":81},{"id":83,"title":84,"slug":85},{"slug":30,"title":29,"logo":32,"categories":219},[],{"uuid":221,"title":29,"description":222,"canonical_path":4,"image":223,"width":52,"height":53,"image_alt":194,"kind":55,"patterns":224,"component_categories":236,"app":243},"31d4c70e-0fad-4e09-a680-03163fc5ce1a","App list view where the user manages their built apps, currently empty with a prompt to create their first app.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F31d4c70e-0fad-4e09-a680-03163fc5ce1a.png",[225,227,229],{"id":197,"label":198,"slug":199,"rank":61,"group":226},{"id":134,"label":135,"slug":136},{"id":36,"label":202,"slug":203,"rank":63,"group":228},{"id":100,"label":205,"slug":206},{"id":40,"label":230,"slug":231,"rank":100,"group":232},"Files","files",{"id":233,"label":234,"slug":235},8,"Pages & Content","pages-and-content",[237,241,242],{"id":238,"title":239,"slug":240},260,"Badge","badge",{"id":79,"title":80,"slug":81},{"id":83,"title":84,"slug":85},{"slug":30,"title":29,"logo":32,"categories":244},[],{"uuid":246,"title":29,"description":247,"canonical_path":4,"image":248,"width":52,"height":53,"image_alt":194,"kind":55,"patterns":249,"component_categories":262,"app":269},"7d7f21e9-8498-4b98-8766-62f85f4b95d1","Apps dashboard with an empty state inviting the user to create their first app, plus sidebar shortcuts to Recent, Starred, General, and Subscription & Billing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7d7f21e9-8498-4b98-8766-62f85f4b95d1.png",[250,252,254,256],{"id":197,"label":198,"slug":199,"rank":61,"group":251},{"id":134,"label":135,"slug":136},{"id":36,"label":202,"slug":203,"rank":63,"group":253},{"id":100,"label":205,"slug":206},{"id":208,"label":209,"slug":210,"rank":100,"group":255},{"id":212,"label":213,"slug":214},{"id":257,"label":258,"slug":259,"rank":260,"group":261},81,"Home","home",3,{"id":233,"label":234,"slug":235},[263,267,268],{"id":264,"title":265,"slug":266},233,"Tabs","tabs",{"id":79,"title":80,"slug":81},{"id":83,"title":84,"slug":85},{"slug":30,"title":29,"logo":32,"categories":270},[],{"uuid":272,"title":29,"description":273,"canonical_path":4,"image":274,"width":52,"height":53,"image_alt":194,"kind":55,"patterns":275,"component_categories":288,"app":296},"760e78a0-ad9d-47a2-98ff-5290dc954632","Dashboard where the user manages their Mocha apps but sees an empty state and an open account menu with credits, theme, notifications, and sign-out controls.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F760e78a0-ad9d-47a2-98ff-5290dc954632.png",[276,278,280],{"id":197,"label":198,"slug":199,"rank":61,"group":277},{"id":134,"label":135,"slug":136},{"id":36,"label":202,"slug":203,"rank":63,"group":279},{"id":100,"label":205,"slug":206},{"id":281,"label":282,"slug":283,"rank":100,"group":284},94,"Account Settings","account-settings",{"id":285,"label":286,"slug":287},10,"Settings & Admin","settings-and-admin",[289,293,294,295],{"id":290,"title":291,"slug":292},169,"Avatar","avatar",{"id":238,"title":239,"slug":240},{"id":79,"title":80,"slug":81},{"id":83,"title":84,"slug":85},{"slug":30,"title":29,"logo":32,"categories":297},[],{"uuid":299,"title":29,"description":300,"canonical_path":4,"image":301,"width":52,"height":53,"image_alt":194,"kind":55,"patterns":302,"component_categories":312,"app":315},"983cd6cf-0be8-4d18-bacc-1cfeafb210a5","Empty apps dashboard where the user creates their first Mocha app, showing an apps table with Name, Status, and Visibility columns and no records yet.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F983cd6cf-0be8-4d18-bacc-1cfeafb210a5.png",[303,305,307],{"id":197,"label":198,"slug":199,"rank":61,"group":304},{"id":134,"label":135,"slug":136},{"id":36,"label":202,"slug":203,"rank":63,"group":306},{"id":100,"label":205,"slug":206},{"id":308,"label":309,"slug":310,"rank":100,"group":311},47,"Table","table",{"id":212,"label":213,"slug":214},[313,314],{"id":79,"title":80,"slug":81},{"id":83,"title":84,"slug":85},{"slug":30,"title":29,"logo":32,"categories":316},[],[],[319,321,323,325,327,329,331,333,335,337,339,341,343,346,349],{"label":59,"to":320},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":202,"to":322},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":198,"to":324},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":96,"to":326},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":68,"to":328,"count":260},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":209,"to":330,"count":100},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":131,"to":332,"count":100},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":282,"to":334,"count":63},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":230,"to":336,"count":63},"\u002Fexamples\u002Fscreens\u002Ffiles",{"label":258,"to":338,"count":63},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":309,"to":340,"count":63},"\u002Fexamples\u002Fscreens\u002Ftable",{"label":182,"to":342,"count":63},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":344,"to":345},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":347,"to":348},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":350,"to":351},"No code app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fno-code",{"published_at":353,"updated_at":354},"2026-04-10T18:47:25.000Z","2026-09-13T13:44:12.000Z"]