[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002Fdc88e95f-a4de-4e4b-b1f5-6eeb68cad5b0":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":26,"showcases":103,"links":104,"dates":115},"\u002Fexamples\u002Fscreens\u002Fdc88e95f-a4de-4e4b-b1f5-6eeb68cad5b0","detail","screens",true,{"title":9,"description":10,"og_image":11},"API Keys - Nicelydone","Screen UI design example from Magnific. Settings page for API keys displaying an empty state card that prompts the user to view plans to integrate AI models…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdc88e95f-a4de-4e4b-b1f5-6eeb68cad5b0.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":20,"to":4},"API Keys",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"Screen design","Screen UI design example from Magnific. Settings page for API keys displaying an empty state card that prompts the user to view plans to integrate AI models into their product.",[],[],[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":60,"app":85},"dc88e95f-a4de-4e4b-b1f5-6eeb68cad5b0","Settings page for API keys displaying an empty state card that prompts the user to view plans to integrate AI models into their product.","\u002Fexamples\u002Fapps\u002Fmagnific\u002Fscreens",3024,1758,"API Keys from Magnific","2026-09-14T12:05:04.000Z","screen",[37,45,54],{"id":38,"label":20,"slug":39,"rank":40,"group":41},95,"api-keys",0,{"id":42,"label":43,"slug":44},10,"Settings & Admin","settings-and-admin",{"id":46,"label":47,"slug":48,"rank":49,"group":50},88,"Feature Gate","feature-gate",1,{"id":51,"label":52,"slug":53},9,"Plans & Limits","plans-and-limits",{"id":55,"label":56,"slug":57,"rank":58,"group":59},92,"Upgrade Prompt","upgrade-prompt",2,{"id":51,"label":52,"slug":53},[61,65,69,73,77,81],{"id":62,"title":63,"slug":64},240,"Horizontal navigation","horizontal-navigation",{"id":66,"title":67,"slug":68},177,"Breadcrumb","breadcrumb",{"id":70,"title":71,"slug":72},174,"Card","card",{"id":74,"title":75,"slug":76},175,"Button","button",{"id":78,"title":79,"slug":80},260,"Badge","badge",{"id":82,"title":83,"slug":84},169,"Avatar","avatar",{"slug":86,"title":87,"logo":88,"baseline":89,"categories":90},"magnific","Magnific","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F07fe44bd-fed6-494e-8806-f1effa3458cb.png","The creative platform to direct your best work.",[91,95,99],{"id":92,"title":93,"slug":94},8,"Design","design",{"id":96,"title":97,"slug":98},15,"Media and Entertainment","media-and-entertainment",{"id":100,"title":101,"slug":102},80,"Artificial Intelligence","artificial-intelligence",[],[105,107,109,111,113],{"label":20,"to":106},"\u002Fexamples\u002Fscreens\u002Fapi-keys",{"label":47,"to":108},"\u002Fexamples\u002Fscreens\u002Ffeature-gate",{"label":56,"to":110},"\u002Fexamples\u002Fscreens\u002Fupgrade-prompt",{"label":112,"to":30},"Magnific screen designs",{"label":114,"to":18},"All screen examples",{"published_at":116,"updated_at":34},"2026-07-03T16:11:21.000Z"]