[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002F983cd6cf-0be8-4d18-bacc-1cfeafb210a5":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":26,"showcases":88,"links":89,"dates":100},"\u002Fexamples\u002Fscreens\u002F983cd6cf-0be8-4d18-bacc-1cfeafb210a5","detail","screens",true,{"title":9,"description":10,"og_image":11},"Mocha - Nicelydone","Screen UI design example from Mocha. Empty apps dashboard where the user creates their first Mocha app, showing an apps table with Name, Status, and…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F983cd6cf-0be8-4d18-bacc-1cfeafb210a5.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":20,"to":4},"Mocha",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"Screen design","Screen UI design example from Mocha. 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.",[],[],[27],{"uuid":28,"title":20,"description":29,"canonical_path":30,"image":11,"width":31,"height":32,"image_alt":33,"published_at":34,"kind":35,"patterns":36,"component_categories":63,"app":72},"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.","\u002Fexamples\u002Fapps\u002Fmocha\u002Fscreens",3024,1776,"Mocha from Mocha","2026-04-14T11:44:01.000Z","screen",[37,46,55],{"id":38,"label":39,"slug":40,"rank":41,"group":42},115,"Empty State","empty-state",0,{"id":43,"label":44,"slug":45},12,"States & Feedback","states-and-feedback",{"id":47,"label":48,"slug":49,"rank":50,"group":51},7,"Add & Create","add-and-create",1,{"id":52,"label":53,"slug":54},2,"Actions","actions",{"id":56,"label":57,"slug":58,"rank":52,"group":59},47,"Table","table",{"id":60,"label":61,"slug":62},4,"Data & Analysis","data-and-analysis",[64,68],{"id":65,"title":66,"slug":67},240,"Horizontal navigation","horizontal-navigation",{"id":69,"title":70,"slug":71},175,"Button","button",{"slug":73,"title":20,"logo":74,"baseline":75,"categories":76},"mocha","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd9d4dea4-3f03-4b97-b9a1-d776442fd100.png","Create beautiful websites with words, not code",[77,80,84],{"id":47,"title":78,"slug":79},"Web Development","web-development",{"id":81,"title":82,"slug":83},80,"Artificial Intelligence","artificial-intelligence",{"id":85,"title":86,"slug":87},96,"No code","no-code",[],[90,92,94,96,98],{"label":48,"to":91},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":39,"to":93},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":57,"to":95},"\u002Fexamples\u002Fscreens\u002Ftable",{"label":97,"to":30},"Mocha screen designs",{"label":99,"to":18},"All screen examples",{"published_at":101,"updated_at":102},"2026-04-10T19:31:37.000Z","2026-09-05T20:20:06.972Z"]