[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fmorphic\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":352,"links":353,"dates":387},"\u002Fexamples\u002Fapps\u002Fmorphic\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Morphic product screens examples - Nicelydone","Browse Morphic screen design examples. Preview the interface screenshots and explore related UI patterns. A new era of storytelling","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc6a1fd31-11f1-47e7-a87a-737eb49217d9.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},"Morphic design examples","\u002Fexamples\u002Fapps\u002Fmorphic",{"label":23,"to":4},"Morphic 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},"Morphic","morphic","A new era of storytelling","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F17b1263a-8707-435d-8214-460280911e23.png","https:\u002F\u002Fmorphic.com",[35,39,43],{"id":36,"title":37,"slug":38},100,"Video","video",{"id":40,"title":41,"slug":42},8,"Design","design",{"id":44,"title":45,"slug":46},80,"Artificial Intelligence","artificial-intelligence",[48,106,128,142,170,184,200,221,242,264,299,325],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":56,"component_categories":83,"app":104},"c6a1fd31-11f1-47e7-a87a-737eb49217d9","Guest file \u002F Guest project - Morphic Studio","Authentication modal where the user is prompted to sign up or log in with Google, a passkey, or email to access the AI generation canvas.",3024,1780,"Guest file \u002F Guest project - Morphic Studio from Morphic","screen",[57,66,74],{"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},30,"AI Generation","ai-generation",{"id":71,"label":72,"slug":73},3,"AI","ai",{"id":75,"label":76,"slug":77,"rank":78,"group":79},114,"Confirmation","confirmation",2,{"id":80,"label":81,"slug":82},12,"States & Feedback","states-and-feedback",[84,88,92,96,100],{"id":85,"title":86,"slug":87},177,"Breadcrumb","breadcrumb",{"id":89,"title":90,"slug":91},284,"Modal","modal",{"id":93,"title":94,"slug":95},175,"Button","button",{"id":97,"title":98,"slug":99},240,"Horizontal navigation","horizontal-navigation",{"id":101,"title":102,"slug":103},233,"Tabs","tabs",{"slug":30,"title":29,"logo":32,"categories":105},[],{"uuid":107,"title":50,"description":108,"canonical_path":4,"image":109,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":110,"component_categories":120,"app":126},"0cff03ac-6b9a-45d5-bd72-f1828fd87445","Authentication modal where the user can sign up or log in using Google, a passkey, or email to access the underlying design editor canvas.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0cff03ac-6b9a-45d5-bd72-f1828fd87445.png",[111,113],{"id":58,"label":59,"slug":60,"rank":61,"group":112},{"id":63,"label":64,"slug":65},{"id":114,"label":115,"slug":116,"rank":63,"group":117},55,"Design Editor","design-editor",{"id":58,"label":118,"slug":119},"Media & Tools","media-and-tools",[121,122,123,124,125],{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"id":97,"title":98,"slug":99},{"id":101,"title":102,"slug":103},{"slug":30,"title":29,"logo":32,"categories":127},[],{"uuid":129,"title":50,"description":130,"canonical_path":4,"image":131,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":132,"component_categories":135,"app":140},"afe8192b-2585-45e5-b2bb-072e535736b0","Signup modal where the user can authenticate via Google, Passkey, or email to access the editor.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fafe8192b-2585-45e5-b2bb-072e535736b0.png",[133],{"id":58,"label":59,"slug":60,"rank":61,"group":134},{"id":63,"label":64,"slug":65},[136,137,138,139],{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"id":97,"title":98,"slug":99},{"id":101,"title":102,"slug":103},{"slug":30,"title":29,"logo":32,"categories":141},[],{"uuid":143,"title":50,"description":144,"canonical_path":4,"image":145,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":146,"component_categories":162,"app":168},"684b7479-df02-486e-b2c7-05b086d0e8d4","AI generation canvas overlaid with a welcome modal prompting the user to sign up or log in via Google, Passkey, or email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F684b7479-df02-486e-b2c7-05b086d0e8d4.png",[147,149,157],{"id":58,"label":59,"slug":60,"rank":61,"group":148},{"id":63,"label":64,"slug":65},{"id":150,"label":151,"slug":152,"rank":63,"group":153},77,"Welcome","welcome",{"id":154,"label":155,"slug":156},7,"Onboarding & Education","onboarding-and-education",{"id":158,"label":159,"slug":160,"rank":78,"group":161},27,"AI Assistant","ai-assistant",{"id":71,"label":72,"slug":73},[163,164,165,166,167],{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"id":97,"title":98,"slug":99},{"id":101,"title":102,"slug":103},{"slug":30,"title":29,"logo":32,"categories":169},[],{"uuid":171,"title":50,"description":172,"canonical_path":4,"image":173,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":174,"component_categories":177,"app":182},"4c03f83f-7f8e-4bd9-97f9-677cdf1dc923","Signup and login modal where the user can authenticate via Google, passkey, or email to access the editor canvas.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4c03f83f-7f8e-4bd9-97f9-677cdf1dc923.png",[175],{"id":58,"label":59,"slug":60,"rank":61,"group":176},{"id":63,"label":64,"slug":65},[178,179,180,181],{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"id":97,"title":98,"slug":99},{"id":101,"title":102,"slug":103},{"slug":30,"title":29,"logo":32,"categories":183},[],{"uuid":185,"title":50,"description":186,"canonical_path":4,"image":187,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":188,"component_categories":193,"app":198},"47e090ed-9484-4950-938d-290b679d470f","Design editor with a gated welcome modal asking the user to log in or sign up via Google, Passkey, or email to continue.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F47e090ed-9484-4950-938d-290b679d470f.png",[189,191],{"id":58,"label":59,"slug":60,"rank":61,"group":190},{"id":63,"label":64,"slug":65},{"id":75,"label":76,"slug":77,"rank":63,"group":192},{"id":80,"label":81,"slug":82},[194,195,196,197],{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"id":97,"title":98,"slug":99},{"id":101,"title":102,"slug":103},{"slug":30,"title":29,"logo":32,"categories":199},[],{"uuid":201,"title":50,"description":202,"canonical_path":4,"image":203,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":204,"component_categories":210,"app":219},"b6a85458-2189-46a6-bcfc-4b5e284be546","Verification screen where the user enters a 6-digit one-time password sent to their email to authenticate.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb6a85458-2189-46a6-bcfc-4b5e284be546.png",[205],{"id":206,"label":207,"slug":208,"rank":61,"group":209},6,"Verification","verification",{"id":63,"label":64,"slug":65},[211,215,216,217,218],{"id":212,"title":213,"slug":214},277,"Button group","button-group",{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"id":97,"title":98,"slug":99},{"id":101,"title":102,"slug":103},{"slug":30,"title":29,"logo":32,"categories":220},[],{"uuid":222,"title":50,"description":223,"canonical_path":4,"image":224,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":225,"component_categories":235,"app":240},"62e34f58-73cf-4ed7-a216-7bb41843d7d7","AI generation editor where a modal prompts the user to enter a 6-digit code sent to their email to verify their identity.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F62e34f58-73cf-4ed7-a216-7bb41843d7d7.png",[226,228,233],{"id":206,"label":207,"slug":208,"rank":61,"group":227},{"id":63,"label":64,"slug":65},{"id":229,"label":230,"slug":231,"rank":63,"group":232},29,"AI Editing","ai-editing",{"id":71,"label":72,"slug":73},{"id":75,"label":76,"slug":77,"rank":78,"group":234},{"id":80,"label":81,"slug":82},[236,237,238,239],{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"id":97,"title":98,"slug":99},{"id":101,"title":102,"slug":103},{"slug":30,"title":29,"logo":32,"categories":241},[],{"uuid":243,"title":244,"description":245,"canonical_path":4,"image":246,"width":52,"height":53,"image_alt":247,"kind":55,"patterns":248,"component_categories":257,"app":262},"b4195bb2-104f-4310-b59b-6f6331bf4dc0","Default File \u002F Guest Project - Morphic Studio","Design editor where a welcome modal rewards the user with 45 free credits and triggers a confetti animation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb4195bb2-104f-4310-b59b-6f6331bf4dc0.png","Default File \u002F Guest Project - Morphic Studio from Morphic",[249,251,253,255],{"id":114,"label":115,"slug":116,"rank":61,"group":250},{"id":58,"label":118,"slug":119},{"id":158,"label":159,"slug":160,"rank":63,"group":252},{"id":71,"label":72,"slug":73},{"id":75,"label":76,"slug":77,"rank":78,"group":254},{"id":80,"label":81,"slug":82},{"id":150,"label":151,"slug":152,"rank":71,"group":256},{"id":154,"label":155,"slug":156},[258,259,260,261],{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":97,"title":98,"slug":99},{"id":101,"title":102,"slug":103},{"slug":30,"title":29,"logo":32,"categories":263},[],{"uuid":265,"title":244,"description":266,"canonical_path":4,"image":267,"width":52,"height":53,"image_alt":247,"kind":55,"patterns":268,"component_categories":289,"app":297},"b017fb65-e0e3-4cf3-959e-966b7f6c9470","Canvas-based AI generation tool where the user connects prompts and media nodes to create images, video, and audio.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb017fb65-e0e3-4cf3-959e-966b7f6c9470.png",[269,271,273,281,283],{"id":67,"label":68,"slug":69,"rank":61,"group":270},{"id":71,"label":72,"slug":73},{"id":114,"label":115,"slug":116,"rank":63,"group":272},{"id":58,"label":118,"slug":119},{"id":274,"label":275,"slug":276,"rank":78,"group":277},129,"Workflow Builder","workflow-builder",{"id":278,"label":279,"slug":280},13,"Workflow & Automation","workflow-and-automation",{"id":158,"label":159,"slug":160,"rank":71,"group":282},{"id":71,"label":72,"slug":73},{"id":284,"label":102,"slug":103,"rank":285,"group":286},69,4,{"id":206,"label":287,"slug":288},"Navigation & Commands","navigation-and-commands",[290,294,295,296],{"id":291,"title":292,"slug":293},174,"Card","card",{"id":85,"title":86,"slug":87},{"id":97,"title":98,"slug":99},{"id":101,"title":102,"slug":103},{"slug":30,"title":29,"logo":32,"categories":298},[],{"uuid":300,"title":244,"description":301,"canonical_path":4,"image":302,"width":52,"height":53,"image_alt":247,"kind":55,"patterns":303,"component_categories":315,"app":323},"0cb3591a-f0fe-47c6-a7f6-9743df396f11","AI generation canvas where the user prompts for and combines image, video, and audio outputs using a node-based workflow.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0cb3591a-f0fe-47c6-a7f6-9743df396f11.png",[304,306,308,310],{"id":67,"label":68,"slug":69,"rank":61,"group":305},{"id":71,"label":72,"slug":73},{"id":114,"label":115,"slug":116,"rank":63,"group":307},{"id":58,"label":118,"slug":119},{"id":158,"label":159,"slug":160,"rank":78,"group":309},{"id":71,"label":72,"slug":73},{"id":311,"label":312,"slug":313,"rank":71,"group":314},28,"AI Chat","ai-chat",{"id":71,"label":72,"slug":73},[316,320,321,322],{"id":317,"title":318,"slug":319},260,"Badge","badge",{"id":291,"title":292,"slug":293},{"id":93,"title":94,"slug":95},{"id":101,"title":102,"slug":103},{"slug":30,"title":29,"logo":32,"categories":324},[],{"uuid":326,"title":244,"description":327,"canonical_path":4,"image":328,"width":52,"height":53,"image_alt":247,"kind":55,"patterns":329,"component_categories":347,"app":350},"78b55f17-cc78-4edf-8094-671956e315cb","Home screen where the user browses their recent files and assets, with a prominent option to create a new file.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F78b55f17-cc78-4edf-8094-671956e315cb.png",[330,337,341],{"id":331,"label":332,"slug":333,"rank":61,"group":334},81,"Home","home",{"id":40,"label":335,"slug":336},"Pages & Content","pages-and-content",{"id":44,"label":338,"slug":339,"rank":63,"group":340},"Files","files",{"id":40,"label":335,"slug":336},{"id":154,"label":342,"slug":343,"rank":78,"group":344},"Add & Create","add-and-create",{"id":78,"label":345,"slug":346},"Actions","actions",[348,349],{"id":291,"title":292,"slug":293},{"id":101,"title":102,"slug":103},{"slug":30,"title":29,"logo":32,"categories":351},[],[],[354,356,358,360,362,364,366,368,370,372,374,376,378,381,384],{"label":59,"to":355},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":159,"to":357},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":76,"to":359},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":115,"to":361},"\u002Fexamples\u002Fscreens\u002Fdesign-editor",{"label":68,"to":363,"count":71},"\u002Fexamples\u002Fscreens\u002Fai-generation",{"label":207,"to":365,"count":78},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":151,"to":367,"count":78},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":342,"to":369,"count":63},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":312,"to":371,"count":63},"\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":230,"to":373,"count":63},"\u002Fexamples\u002Fscreens\u002Fai-editing",{"label":338,"to":375,"count":63},"\u002Fexamples\u002Fscreens\u002Ffiles",{"label":332,"to":377,"count":63},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":379,"to":380},"Video app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fvideo",{"label":382,"to":383},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":385,"to":386},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"published_at":388,"updated_at":389},"2026-03-12T19:34:09.000Z","2026-09-13T13:02:39.000Z"]