[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fmorphic\u002Fcomponents":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":196,"links":197,"dates":216},"\u002Fexamples\u002Fapps\u002Fmorphic\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Morphic UI components examples - Nicelydone","Browse Morphic UI component design examples. Preview individual interface elements and explore related component categories. A new era of storytelling","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F22bd8b9c-c7c7-4f2e-afec-01225c9fe988.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 UI components 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,63,76,88,101,114,124,137,147,160,173,186],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"categories":56,"app":61},"bd7aaa0d-1d56-44f5-9ef2-b3eecd40c736","Morphic UI component","A notification panel displaying recent activity updates about model training completion.",855,1148,"UI component from Morphic","component",[57],{"id":58,"title":59,"slug":60},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":62},[],{"uuid":64,"title":50,"description":65,"canonical_path":4,"image":66,"width":67,"height":68,"image_alt":54,"kind":55,"categories":69,"app":74},"a4fb3497-eba9-4235-bf2a-9ae6d84949b3","A credit activity log displaying usage details with filtering options and a download button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F115b619c-3d6b-4992-b20e-57b4f7ff32ee.png",1584,1124,[70],{"id":71,"title":72,"slug":73},248,"Table","table-2",{"slug":30,"title":29,"logo":32,"categories":75},[],{"uuid":77,"title":50,"description":78,"canonical_path":4,"image":79,"width":67,"height":80,"image_alt":54,"kind":55,"categories":81,"app":86},"084a37d8-41b7-4fc8-8347-e1a391d706bd","A dark mode banner notification prompting a user to upgrade their plan to invite more members, featuring a clickable upgrade link and a dismiss icon.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc4ed3548-c907-400f-9148-7cbe7abf9396.png",332,[82],{"id":83,"title":84,"slug":85},244,"Message","message",{"slug":30,"title":29,"logo":32,"categories":87},[],{"uuid":89,"title":50,"description":90,"canonical_path":4,"image":91,"width":92,"height":93,"image_alt":54,"kind":55,"categories":94,"app":99},"baccfa0f-afc0-4c2a-85e7-17d51c14cc42","A user interface displaying account management details, subscription credits, and a language selection dropdown menu.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F68e7ecee-6477-48e1-9a58-388be6f0a64e.png",1142,939,[95],{"id":96,"title":97,"slug":98},204,"Input select","input-select",{"slug":30,"title":29,"logo":32,"categories":100},[],{"uuid":102,"title":50,"description":103,"canonical_path":4,"image":104,"width":105,"height":106,"image_alt":54,"kind":55,"categories":107,"app":112},"bbd2331a-6b82-495c-9c31-b42712179e1f","A progress bar indicating subscription credit usage with a numerical value and an information icon.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3d76c2ed-04fc-4e61-a139-81846855d3c1.png",598,219,[108],{"id":109,"title":110,"slug":111},213,"Progress indicator","progress-indicator",{"slug":30,"title":29,"logo":32,"categories":113},[],{"uuid":115,"title":50,"description":116,"canonical_path":4,"image":117,"width":118,"height":119,"image_alt":54,"kind":55,"categories":120,"app":122},"6c721201-6dc2-4204-aa00-05fa76b45f44","A user account dropdown menu displaying organization name, email, subscription credits, upgrade options, and navigation links for language, settings, and logout.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6164251d-1168-4cc7-894b-e9598820c535.png",642,843,[121],{"id":58,"title":59,"slug":60},{"slug":30,"title":29,"logo":32,"categories":123},[],{"uuid":125,"title":50,"description":126,"canonical_path":4,"image":127,"width":128,"height":129,"image_alt":54,"kind":55,"categories":130,"app":135},"86d91f09-073b-453c-b12e-a06960fd280c","A modal dialog for creating a new model, featuring input fields for naming and an image upload area with drag-and-drop functionality.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F53fcdfb8-a758-4e98-9519-bdd3ebda9536.png",1032,1174,[131],{"id":132,"title":133,"slug":134},284,"Modal","modal",{"slug":30,"title":29,"logo":32,"categories":136},[],{"uuid":138,"title":50,"description":139,"canonical_path":4,"image":140,"width":141,"height":142,"image_alt":54,"kind":55,"categories":143,"app":145},"29d0cf01-ae9d-4d7d-a7a6-0ff0b33e588e","File management interface with a context menu for file actions","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb3da3ef0-861a-4706-a158-626bd900b09e.png",948,825,[144],{"id":58,"title":59,"slug":60},{"slug":30,"title":29,"logo":32,"categories":146},[],{"uuid":148,"title":50,"description":149,"canonical_path":4,"image":150,"width":151,"height":152,"image_alt":54,"kind":55,"categories":153,"app":158},"28a81ddb-dad6-49f7-80b5-cd1e0418b72a","A video editing interface featuring a timeline, playback controls, and an audio waveform display.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F40bb3492-91ab-432e-ab60-7a7d32ddc49a.png",2684,796,[154],{"id":155,"title":156,"slug":157},249,"Timeline & history","timeline-history",{"slug":30,"title":29,"logo":32,"categories":159},[],{"uuid":161,"title":50,"description":162,"canonical_path":4,"image":163,"width":164,"height":165,"image_alt":54,"kind":55,"categories":166,"app":171},"3e348708-bcb0-4ff6-800d-2584a78ad368","A horizontal slider with zoom controls","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbd9e6c76-21ce-4a25-9d95-0a01d3a4c444.png",460,156,[167],{"id":168,"title":169,"slug":170},223,"Slider","slider",{"slug":30,"title":29,"logo":32,"categories":172},[],{"uuid":174,"title":50,"description":175,"canonical_path":4,"image":176,"width":177,"height":178,"image_alt":54,"kind":55,"categories":179,"app":184},"8c93232c-da2c-457e-9aed-c580661f91ca","An interface for AI-powered creative collaboration, featuring prompt suggestions and a text input area.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F050f088d-75aa-43b7-a9fa-f1819958e631.png",2556,912,[180],{"id":181,"title":182,"slug":183},294,"Artificial intelligence","ai",{"slug":30,"title":29,"logo":32,"categories":185},[],{"uuid":187,"title":50,"description":188,"canonical_path":4,"image":189,"width":190,"height":191,"image_alt":54,"kind":55,"categories":192,"app":194},"c77f5393-b249-4739-8c00-d26285aa5361","A dropdown menu for selecting an AI model within a generation application interface.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa2a00b76-7780-4020-b420-f02e98982992.png",1250,1009,[193],{"id":181,"title":182,"slug":183},{"slug":30,"title":29,"logo":32,"categories":195},[],[],[198,201,204,207,210,213],{"label":199,"to":200},"Morphic product screens","\u002Fexamples\u002Fapps\u002Fmorphic\u002Fscreens",{"label":202,"to":203},"Morphic marketing pages","\u002Fexamples\u002Fapps\u002Fmorphic\u002Fmarketing",{"label":205,"to":206},"Morphic user flows","\u002Fexamples\u002Fapps\u002Fmorphic\u002Fflows",{"label":208,"to":209},"Video app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fvideo",{"label":211,"to":212},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":214,"to":215},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"published_at":217,"updated_at":218},"2026-03-12T19:34:09.000Z","2026-09-13T13:02:39.000Z"]