[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002F21441c26-d303-453c-864a-600b77a4d562":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":25,"showcases":79,"links":80,"dates":87},"\u002Fexamples\u002Fscreens\u002F21441c26-d303-453c-864a-600b77a4d562","detail","screens",true,{"title":9,"description":10,"og_image":11},"Integrations - Nicelydone","Screen UI design example from Mode. Settings page where the user selects a database provider from a list to configure a new integration.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmode_integrations_99280228_nicelydone.jpg",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":20,"to":4},"Integrations",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":24},"Screen design",[],[],[26],{"uuid":27,"title":20,"description":28,"canonical_path":29,"image":11,"width":30,"height":31,"image_alt":32,"published_at":33,"kind":34,"patterns":35,"component_categories":44,"app":61},"21441c26-d303-453c-864a-600b77a4d562","Settings page where the user selects a database provider from a list to configure a new integration.","\u002Fexamples\u002Fapps\u002Fmode\u002Fscreens",2880,2566,"Integrations from Mode","2016-10-12T08:11:08.000Z","screen",[36],{"id":37,"label":20,"slug":38,"rank":39,"group":40},97,"integrations",0,{"id":41,"label":42,"slug":43},10,"Settings & Admin","settings-and-admin",[45,49,53,57],{"id":46,"title":47,"slug":48},240,"Horizontal navigation","horizontal-navigation",{"id":50,"title":51,"slug":52},175,"Button","button",{"id":54,"title":55,"slug":56},169,"Avatar","avatar",{"id":58,"title":59,"slug":60},233,"Tabs","tabs",{"slug":62,"title":63,"logo":64,"baseline":65,"categories":66},"mode","Mode","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmode-3320af52.png","Analysis tools that speak your language",[67,71,75],{"id":68,"title":69,"slug":70},46,"Analytics","analytics",{"id":72,"title":73,"slug":74},48,"Developer Tools","developer-tools",{"id":76,"title":77,"slug":78},57,"Big data","big-data",[],[81,83,85],{"label":20,"to":82},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":84,"to":29},"Mode screen designs",{"label":86,"to":18},"All screen examples",{"published_at":33,"updated_at":88},"2026-09-05T20:19:05.975Z"]