[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fmorphic":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":377,"dates":395},"\u002Fexamples\u002Fapps\u002Fmorphic","detail","apps",true,{"title":9,"description":10,"og_image":11},"Morphic design examples - Nicelydone","Explore Morphic UI design examples. A new era of storytelling","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc6a1fd31-11f1-47e7-a87a-737eb49217d9.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Morphic design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Morphic",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fmorphic\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fmorphic\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fmorphic\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fmorphic\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"categories":46},"Morphic","morphic","A new era of storytelling","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F17b1263a-8707-435d-8214-460280911e23.png","https:\u002F\u002Fmorphic.com",[47,51,55],{"id":48,"title":49,"slug":50},100,"Video","video",{"id":52,"title":53,"slug":54},8,"Design","design",{"id":56,"title":57,"slug":58},80,"Artificial Intelligence","artificial-intelligence",[],[61,368,371,374],{"family":62,"examples":63},"screens",[64,122,144,158,186,200,216,237,258,280,315,341],{"uuid":65,"title":66,"description":67,"canonical_path":29,"image":11,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":72,"component_categories":99,"app":120},"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",[73,82,90],{"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},30,"AI Generation","ai-generation",{"id":87,"label":88,"slug":89},3,"AI","ai",{"id":91,"label":92,"slug":93,"rank":94,"group":95},114,"Confirmation","confirmation",2,{"id":96,"label":97,"slug":98},12,"States & Feedback","states-and-feedback",[100,104,108,112,116],{"id":101,"title":102,"slug":103},177,"Breadcrumb","breadcrumb",{"id":105,"title":106,"slug":107},284,"Modal","modal",{"id":109,"title":110,"slug":111},175,"Button","button",{"id":113,"title":114,"slug":115},240,"Horizontal navigation","horizontal-navigation",{"id":117,"title":118,"slug":119},233,"Tabs","tabs",{"slug":42,"title":41,"logo":44,"categories":121},[],{"uuid":123,"title":66,"description":124,"canonical_path":29,"image":125,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":126,"component_categories":136,"app":142},"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",[127,129],{"id":74,"label":75,"slug":76,"rank":77,"group":128},{"id":79,"label":80,"slug":81},{"id":130,"label":131,"slug":132,"rank":79,"group":133},55,"Design Editor","design-editor",{"id":74,"label":134,"slug":135},"Media & Tools","media-and-tools",[137,138,139,140,141],{"id":101,"title":102,"slug":103},{"id":105,"title":106,"slug":107},{"id":109,"title":110,"slug":111},{"id":113,"title":114,"slug":115},{"id":117,"title":118,"slug":119},{"slug":42,"title":41,"logo":44,"categories":143},[],{"uuid":145,"title":66,"description":146,"canonical_path":29,"image":147,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":148,"component_categories":151,"app":156},"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",[149],{"id":74,"label":75,"slug":76,"rank":77,"group":150},{"id":79,"label":80,"slug":81},[152,153,154,155],{"id":105,"title":106,"slug":107},{"id":109,"title":110,"slug":111},{"id":113,"title":114,"slug":115},{"id":117,"title":118,"slug":119},{"slug":42,"title":41,"logo":44,"categories":157},[],{"uuid":159,"title":66,"description":160,"canonical_path":29,"image":161,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":162,"component_categories":178,"app":184},"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",[163,165,173],{"id":74,"label":75,"slug":76,"rank":77,"group":164},{"id":79,"label":80,"slug":81},{"id":166,"label":167,"slug":168,"rank":79,"group":169},77,"Welcome","welcome",{"id":170,"label":171,"slug":172},7,"Onboarding & Education","onboarding-and-education",{"id":174,"label":175,"slug":176,"rank":94,"group":177},27,"AI Assistant","ai-assistant",{"id":87,"label":88,"slug":89},[179,180,181,182,183],{"id":101,"title":102,"slug":103},{"id":105,"title":106,"slug":107},{"id":109,"title":110,"slug":111},{"id":113,"title":114,"slug":115},{"id":117,"title":118,"slug":119},{"slug":42,"title":41,"logo":44,"categories":185},[],{"uuid":187,"title":66,"description":188,"canonical_path":29,"image":189,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":190,"component_categories":193,"app":198},"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",[191],{"id":74,"label":75,"slug":76,"rank":77,"group":192},{"id":79,"label":80,"slug":81},[194,195,196,197],{"id":105,"title":106,"slug":107},{"id":109,"title":110,"slug":111},{"id":113,"title":114,"slug":115},{"id":117,"title":118,"slug":119},{"slug":42,"title":41,"logo":44,"categories":199},[],{"uuid":201,"title":66,"description":202,"canonical_path":29,"image":203,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":204,"component_categories":209,"app":214},"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",[205,207],{"id":74,"label":75,"slug":76,"rank":77,"group":206},{"id":79,"label":80,"slug":81},{"id":91,"label":92,"slug":93,"rank":79,"group":208},{"id":96,"label":97,"slug":98},[210,211,212,213],{"id":105,"title":106,"slug":107},{"id":109,"title":110,"slug":111},{"id":113,"title":114,"slug":115},{"id":117,"title":118,"slug":119},{"slug":42,"title":41,"logo":44,"categories":215},[],{"uuid":217,"title":66,"description":218,"canonical_path":29,"image":219,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":220,"component_categories":226,"app":235},"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",[221],{"id":222,"label":223,"slug":224,"rank":77,"group":225},6,"Verification","verification",{"id":79,"label":80,"slug":81},[227,231,232,233,234],{"id":228,"title":229,"slug":230},277,"Button group","button-group",{"id":105,"title":106,"slug":107},{"id":109,"title":110,"slug":111},{"id":113,"title":114,"slug":115},{"id":117,"title":118,"slug":119},{"slug":42,"title":41,"logo":44,"categories":236},[],{"uuid":238,"title":66,"description":239,"canonical_path":29,"image":240,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":241,"component_categories":251,"app":256},"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",[242,244,249],{"id":222,"label":223,"slug":224,"rank":77,"group":243},{"id":79,"label":80,"slug":81},{"id":245,"label":246,"slug":247,"rank":79,"group":248},29,"AI Editing","ai-editing",{"id":87,"label":88,"slug":89},{"id":91,"label":92,"slug":93,"rank":94,"group":250},{"id":96,"label":97,"slug":98},[252,253,254,255],{"id":105,"title":106,"slug":107},{"id":109,"title":110,"slug":111},{"id":113,"title":114,"slug":115},{"id":117,"title":118,"slug":119},{"slug":42,"title":41,"logo":44,"categories":257},[],{"uuid":259,"title":260,"description":261,"canonical_path":29,"image":262,"width":68,"height":69,"image_alt":263,"kind":71,"patterns":264,"component_categories":273,"app":278},"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",[265,267,269,271],{"id":130,"label":131,"slug":132,"rank":77,"group":266},{"id":74,"label":134,"slug":135},{"id":174,"label":175,"slug":176,"rank":79,"group":268},{"id":87,"label":88,"slug":89},{"id":91,"label":92,"slug":93,"rank":94,"group":270},{"id":96,"label":97,"slug":98},{"id":166,"label":167,"slug":168,"rank":87,"group":272},{"id":170,"label":171,"slug":172},[274,275,276,277],{"id":101,"title":102,"slug":103},{"id":105,"title":106,"slug":107},{"id":113,"title":114,"slug":115},{"id":117,"title":118,"slug":119},{"slug":42,"title":41,"logo":44,"categories":279},[],{"uuid":281,"title":260,"description":282,"canonical_path":29,"image":283,"width":68,"height":69,"image_alt":263,"kind":71,"patterns":284,"component_categories":305,"app":313},"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",[285,287,289,297,299],{"id":83,"label":84,"slug":85,"rank":77,"group":286},{"id":87,"label":88,"slug":89},{"id":130,"label":131,"slug":132,"rank":79,"group":288},{"id":74,"label":134,"slug":135},{"id":290,"label":291,"slug":292,"rank":94,"group":293},129,"Workflow Builder","workflow-builder",{"id":294,"label":295,"slug":296},13,"Workflow & Automation","workflow-and-automation",{"id":174,"label":175,"slug":176,"rank":87,"group":298},{"id":87,"label":88,"slug":89},{"id":300,"label":118,"slug":119,"rank":301,"group":302},69,4,{"id":222,"label":303,"slug":304},"Navigation & Commands","navigation-and-commands",[306,310,311,312],{"id":307,"title":308,"slug":309},174,"Card","card",{"id":101,"title":102,"slug":103},{"id":113,"title":114,"slug":115},{"id":117,"title":118,"slug":119},{"slug":42,"title":41,"logo":44,"categories":314},[],{"uuid":316,"title":260,"description":317,"canonical_path":29,"image":318,"width":68,"height":69,"image_alt":263,"kind":71,"patterns":319,"component_categories":331,"app":339},"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",[320,322,324,326],{"id":83,"label":84,"slug":85,"rank":77,"group":321},{"id":87,"label":88,"slug":89},{"id":130,"label":131,"slug":132,"rank":79,"group":323},{"id":74,"label":134,"slug":135},{"id":174,"label":175,"slug":176,"rank":94,"group":325},{"id":87,"label":88,"slug":89},{"id":327,"label":328,"slug":329,"rank":87,"group":330},28,"AI Chat","ai-chat",{"id":87,"label":88,"slug":89},[332,336,337,338],{"id":333,"title":334,"slug":335},260,"Badge","badge",{"id":307,"title":308,"slug":309},{"id":109,"title":110,"slug":111},{"id":117,"title":118,"slug":119},{"slug":42,"title":41,"logo":44,"categories":340},[],{"uuid":342,"title":260,"description":343,"canonical_path":29,"image":344,"width":68,"height":69,"image_alt":263,"kind":71,"patterns":345,"component_categories":363,"app":366},"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",[346,353,357],{"id":347,"label":348,"slug":349,"rank":77,"group":350},81,"Home","home",{"id":52,"label":351,"slug":352},"Pages & Content","pages-and-content",{"id":56,"label":354,"slug":355,"rank":79,"group":356},"Files","files",{"id":52,"label":351,"slug":352},{"id":170,"label":358,"slug":359,"rank":94,"group":360},"Add & Create","add-and-create",{"id":94,"label":361,"slug":362},"Actions","actions",[364,365],{"id":307,"title":308,"slug":309},{"id":117,"title":118,"slug":119},{"slug":42,"title":41,"logo":44,"categories":367},[],{"family":369,"examples":370},"flows",[],{"family":372,"examples":373},"components",[],{"family":375,"examples":376},"pages",[],[378,380,382,384,386,389,392],{"label":379,"to":29},"Morphic product screens",{"label":381,"to":38},"Morphic marketing pages",{"label":383,"to":32},"Morphic user flows",{"label":385,"to":35},"Morphic UI components",{"label":387,"to":388},"Video app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fvideo",{"label":390,"to":391},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":393,"to":394},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"published_at":396,"updated_at":397},"2026-03-12T19:34:09.000Z","2026-09-13T13:02:39.000Z"]