[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fmocha":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":59,"showcases":60,"links":342,"dates":360},"\u002Fexamples\u002Fapps\u002Fmocha","detail","apps",true,{"title":9,"description":10,"og_image":11},"Mocha design examples - Nicelydone","Explore Mocha UI design examples. Create beautiful websites with words, not code","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F07427af2-bc5e-4525-b606-9629ed852575.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Mocha design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Mocha",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fmocha\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fmocha\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fmocha\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fmocha\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"categories":46},"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",[47,51,55],{"id":48,"title":49,"slug":50},7,"Web Development","web-development",{"id":52,"title":53,"slug":54},80,"Artificial Intelligence","artificial-intelligence",{"id":56,"title":57,"slug":58},96,"No code","no-code",[],[61,333,336,339],{"family":62,"examples":63},"screens",[64,104,124,138,159,175,191,206,236,261,287,314],{"uuid":65,"title":66,"description":67,"canonical_path":29,"image":11,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":72,"component_categories":89,"app":102},"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",[73,82],{"id":74,"label":75,"slug":76,"rank":77,"group":78},5,"Sign Up","sign-up",0,{"id":79,"label":80,"slug":81},1,"Access & Account","access-and-account",{"id":83,"label":84,"slug":85,"rank":79,"group":86},77,"Welcome","welcome",{"id":48,"label":87,"slug":88},"Onboarding & Education","onboarding-and-education",[90,94,98],{"id":91,"title":92,"slug":93},284,"Modal","modal",{"id":95,"title":96,"slug":97},240,"Horizontal navigation","horizontal-navigation",{"id":99,"title":100,"slug":101},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":103},[],{"uuid":105,"title":66,"description":106,"canonical_path":29,"image":107,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":108,"component_categories":118,"app":122},"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",[109,111,115],{"id":74,"label":75,"slug":76,"rank":77,"group":110},{"id":79,"label":80,"slug":81},{"id":79,"label":112,"slug":113,"rank":79,"group":114},"Account Setup","account-setup",{"id":79,"label":80,"slug":81},{"id":83,"label":84,"slug":85,"rank":116,"group":117},2,{"id":48,"label":87,"slug":88},[119,120,121],{"id":91,"title":92,"slug":93},{"id":95,"title":96,"slug":97},{"id":99,"title":100,"slug":101},{"slug":42,"title":41,"logo":44,"categories":123},[],{"uuid":125,"title":66,"description":126,"canonical_path":29,"image":127,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":128,"component_categories":133,"app":136},"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",[129,131],{"id":74,"label":75,"slug":76,"rank":77,"group":130},{"id":79,"label":80,"slug":81},{"id":79,"label":112,"slug":113,"rank":79,"group":132},{"id":79,"label":80,"slug":81},[134,135],{"id":91,"title":92,"slug":93},{"id":99,"title":100,"slug":101},{"slug":42,"title":41,"logo":44,"categories":137},[],{"uuid":139,"title":66,"description":140,"canonical_path":29,"image":141,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":142,"component_categories":153,"app":157},"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",[143,145],{"id":74,"label":75,"slug":76,"rank":77,"group":144},{"id":79,"label":80,"slug":81},{"id":146,"label":147,"slug":148,"rank":79,"group":149},116,"Error","error",{"id":150,"label":151,"slug":152},12,"States & Feedback","states-and-feedback",[154,155,156],{"id":91,"title":92,"slug":93},{"id":95,"title":96,"slug":97},{"id":99,"title":100,"slug":101},{"slug":42,"title":41,"logo":44,"categories":158},[],{"uuid":160,"title":66,"description":161,"canonical_path":29,"image":162,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":163,"component_categories":170,"app":173},"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",[164,166,168],{"id":74,"label":75,"slug":76,"rank":77,"group":165},{"id":79,"label":80,"slug":81},{"id":146,"label":147,"slug":148,"rank":79,"group":167},{"id":150,"label":151,"slug":152},{"id":79,"label":112,"slug":113,"rank":116,"group":169},{"id":79,"label":80,"slug":81},[171,172],{"id":91,"title":92,"slug":93},{"id":99,"title":100,"slug":101},{"slug":42,"title":41,"logo":44,"categories":174},[],{"uuid":176,"title":66,"description":177,"canonical_path":29,"image":178,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":179,"component_categories":186,"app":189},"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",[180,182,184],{"id":74,"label":75,"slug":76,"rank":77,"group":181},{"id":79,"label":80,"slug":81},{"id":83,"label":84,"slug":85,"rank":79,"group":183},{"id":48,"label":87,"slug":88},{"id":79,"label":112,"slug":113,"rank":116,"group":185},{"id":79,"label":80,"slug":81},[187,188],{"id":91,"title":92,"slug":93},{"id":99,"title":100,"slug":101},{"slug":42,"title":41,"logo":44,"categories":190},[],{"uuid":192,"title":66,"description":193,"canonical_path":29,"image":194,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":195,"component_categories":201,"app":204},"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",[196],{"id":197,"label":198,"slug":199,"rank":77,"group":200},6,"Verification","verification",{"id":79,"label":80,"slug":81},[202,203],{"id":91,"title":92,"slug":93},{"id":99,"title":100,"slug":101},{"slug":42,"title":41,"logo":44,"categories":205},[],{"uuid":207,"title":41,"description":208,"canonical_path":29,"image":209,"width":68,"height":69,"image_alt":210,"kind":71,"patterns":211,"component_categories":231,"app":234},"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",[212,217,223],{"id":213,"label":214,"slug":215,"rank":77,"group":216},115,"Empty State","empty-state",{"id":150,"label":151,"slug":152},{"id":48,"label":218,"slug":219,"rank":79,"group":220},"Add & Create","add-and-create",{"id":116,"label":221,"slug":222},"Actions","actions",{"id":224,"label":225,"slug":226,"rank":116,"group":227},41,"Dashboard","dashboard",{"id":228,"label":229,"slug":230},4,"Data & Analysis","data-and-analysis",[232,233],{"id":95,"title":96,"slug":97},{"id":99,"title":100,"slug":101},{"slug":42,"title":41,"logo":44,"categories":235},[],{"uuid":237,"title":41,"description":238,"canonical_path":29,"image":239,"width":68,"height":69,"image_alt":210,"kind":71,"patterns":240,"component_categories":252,"app":259},"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",[241,243,245],{"id":213,"label":214,"slug":215,"rank":77,"group":242},{"id":150,"label":151,"slug":152},{"id":48,"label":218,"slug":219,"rank":79,"group":244},{"id":116,"label":221,"slug":222},{"id":52,"label":246,"slug":247,"rank":116,"group":248},"Files","files",{"id":249,"label":250,"slug":251},8,"Pages & Content","pages-and-content",[253,257,258],{"id":254,"title":255,"slug":256},260,"Badge","badge",{"id":95,"title":96,"slug":97},{"id":99,"title":100,"slug":101},{"slug":42,"title":41,"logo":44,"categories":260},[],{"uuid":262,"title":41,"description":263,"canonical_path":29,"image":264,"width":68,"height":69,"image_alt":210,"kind":71,"patterns":265,"component_categories":278,"app":285},"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",[266,268,270,272],{"id":213,"label":214,"slug":215,"rank":77,"group":267},{"id":150,"label":151,"slug":152},{"id":48,"label":218,"slug":219,"rank":79,"group":269},{"id":116,"label":221,"slug":222},{"id":224,"label":225,"slug":226,"rank":116,"group":271},{"id":228,"label":229,"slug":230},{"id":273,"label":274,"slug":275,"rank":276,"group":277},81,"Home","home",3,{"id":249,"label":250,"slug":251},[279,283,284],{"id":280,"title":281,"slug":282},233,"Tabs","tabs",{"id":95,"title":96,"slug":97},{"id":99,"title":100,"slug":101},{"slug":42,"title":41,"logo":44,"categories":286},[],{"uuid":288,"title":41,"description":289,"canonical_path":29,"image":290,"width":68,"height":69,"image_alt":210,"kind":71,"patterns":291,"component_categories":304,"app":312},"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",[292,294,296],{"id":213,"label":214,"slug":215,"rank":77,"group":293},{"id":150,"label":151,"slug":152},{"id":48,"label":218,"slug":219,"rank":79,"group":295},{"id":116,"label":221,"slug":222},{"id":297,"label":298,"slug":299,"rank":116,"group":300},94,"Account Settings","account-settings",{"id":301,"label":302,"slug":303},10,"Settings & Admin","settings-and-admin",[305,309,310,311],{"id":306,"title":307,"slug":308},169,"Avatar","avatar",{"id":254,"title":255,"slug":256},{"id":95,"title":96,"slug":97},{"id":99,"title":100,"slug":101},{"slug":42,"title":41,"logo":44,"categories":313},[],{"uuid":315,"title":41,"description":316,"canonical_path":29,"image":317,"width":68,"height":69,"image_alt":210,"kind":71,"patterns":318,"component_categories":328,"app":331},"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",[319,321,323],{"id":213,"label":214,"slug":215,"rank":77,"group":320},{"id":150,"label":151,"slug":152},{"id":48,"label":218,"slug":219,"rank":79,"group":322},{"id":116,"label":221,"slug":222},{"id":324,"label":325,"slug":326,"rank":116,"group":327},47,"Table","table",{"id":228,"label":229,"slug":230},[329,330],{"id":95,"title":96,"slug":97},{"id":99,"title":100,"slug":101},{"slug":42,"title":41,"logo":44,"categories":332},[],{"family":334,"examples":335},"flows",[],{"family":337,"examples":338},"components",[],{"family":340,"examples":341},"pages",[],[343,345,347,349,351,354,357],{"label":344,"to":29},"Mocha product screens",{"label":346,"to":38},"Mocha marketing pages",{"label":348,"to":32},"Mocha user flows",{"label":350,"to":35},"Mocha UI components",{"label":352,"to":353},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":355,"to":356},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":358,"to":359},"No code app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fno-code",{"published_at":361,"updated_at":362},"2026-04-10T18:47:25.000Z","2026-09-13T13:44:12.000Z"]