[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fnotion-mail\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":44,"showcases":185,"links":186,"dates":202},"\u002Fexamples\u002Fapps\u002Fnotion-mail\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Notion Mail UI components examples - Nicelydone","Browse Notion Mail UI component design examples. Preview individual interface elements and explore related component categories. The inbox that thinks like you","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F107cc686-1e20-412d-a003-e7734df1cacc.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},"Notion Mail design examples","\u002Fexamples\u002Fapps\u002Fnotion-mail",{"label":23,"to":4},"Notion Mail 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,"twitter_username":34,"categories":35},"Notion Mail","notion-mail","The inbox that thinks like you","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fnotion-mail-6kbmdt89.png","https:\u002F\u002Fwww.notion.com\u002Fproduct\u002Fmail","notionhq",[36,40],{"id":37,"title":38,"slug":39},92,"Email","email",{"id":41,"title":42,"slug":43},80,"Artificial Intelligence","artificial-intelligence",[45,60,73,83,96,106,119,129,142,152,165,175],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"categories":53,"app":58},"6b89a188-04e3-40d2-bb5d-9e732df04951","Notion Mail UI component","A side navigation panel for an email application.",600,1714,"UI component from Notion Mail","component",[54],{"id":55,"title":56,"slug":57},209,"Vertical navigation","vertical-navigation",{"slug":30,"title":29,"logo":32,"categories":59},[],{"uuid":61,"title":47,"description":62,"canonical_path":4,"image":63,"width":64,"height":65,"image_alt":51,"kind":52,"categories":66,"app":71},"f83e4a5b-acb7-4822-8e15-68bf56fdb4fa","A search bar with a menu icon and a clear icon.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa6ff27b9-4aa6-4648-9cd4-af39d3fe1f2b.png",1151,99,[67],{"id":68,"title":69,"slug":70},295,"Input search","input-search",{"slug":30,"title":29,"logo":32,"categories":72},[],{"uuid":74,"title":47,"description":75,"canonical_path":4,"image":76,"width":77,"height":78,"image_alt":51,"kind":52,"categories":79,"app":81},"d7941a0b-47a5-4a40-a83a-c014b9608e0b","A search modal in an email application.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F84435c58-54aa-4385-a8f4-678e0916f238.png",963,960,[80],{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":82},[],{"uuid":84,"title":47,"description":85,"canonical_path":4,"image":86,"width":87,"height":88,"image_alt":51,"kind":52,"categories":89,"app":94},"a5ffd027-b869-4687-b5ad-d9786b6c8d64","The screenshot displays a modal for selecting a category, with options like Work, Forums, Promotions, Social, and Updates.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F315979a6-d3f3-4bc6-b0df-9ab5584edaa0.png",1015,696,[90],{"id":91,"title":92,"slug":93},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":95},[],{"uuid":97,"title":47,"description":98,"canonical_path":4,"image":99,"width":100,"height":101,"image_alt":51,"kind":52,"categories":102,"app":104},"f9b27140-48b6-45ff-a4b1-8c8cff46bfaf","This screenshot shows a modal with a dropdown menu for selecting a category.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F265ac83e-148d-4300-975f-5f002b50bdd4.png",1035,583,[103],{"id":91,"title":92,"slug":93},{"slug":30,"title":29,"logo":32,"categories":105},[],{"uuid":107,"title":47,"description":108,"canonical_path":4,"image":109,"width":110,"height":111,"image_alt":51,"kind":52,"categories":112,"app":117},"59122db2-4281-48b0-a746-16e8ddbdbb0c","A modal for scheduling a send with options for tomorrow morning, tomorrow afternoon, friday morning, and a custom date.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F014b7403-e4b3-4e0c-95f8-62d0b6c7e7b6.png",724,717,[113],{"id":114,"title":115,"slug":116},184,"Datepicker","datepicker",{"slug":30,"title":29,"logo":32,"categories":118},[],{"uuid":120,"title":47,"description":121,"canonical_path":4,"image":122,"width":123,"height":124,"image_alt":51,"kind":52,"categories":125,"app":127},"7c07c659-f0bb-4226-8b3c-d713baef0f11","A scheduling modal showing availability.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb950f238-00fa-4170-92a3-c361470c5075.png",1053,780,[126],{"id":114,"title":115,"slug":116},{"slug":30,"title":29,"logo":32,"categories":128},[],{"uuid":130,"title":47,"description":131,"canonical_path":4,"image":132,"width":133,"height":134,"image_alt":51,"kind":52,"categories":135,"app":140},"46429626-919b-4902-a8f0-5ea8dce627e9","The screenshot shows a snippets modal.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fda27e12d-e8c4-4279-b748-4ce3ef62f531.png",1401,832,[136],{"id":137,"title":138,"slug":139},221,"Rich text editor","rich-text-editor",{"slug":30,"title":29,"logo":32,"categories":141},[],{"uuid":143,"title":47,"description":144,"canonical_path":4,"image":145,"width":146,"height":147,"image_alt":51,"kind":52,"categories":148,"app":150},"703c81ee-fe95-48af-9e4d-dfaf7cec2c40","A modal showcasing basic text blocks.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa62312b9-0467-432b-b1d6-f497ef4ab862.png",1404,1116,[149],{"id":137,"title":138,"slug":139},{"slug":30,"title":29,"logo":32,"categories":151},[],{"uuid":153,"title":47,"description":154,"canonical_path":4,"image":155,"width":156,"height":157,"image_alt":51,"kind":52,"categories":158,"app":163},"380b2e4d-be22-4b1e-975d-4c477864ca7a","A simple email interface with action options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffaee1aba-fa84-4e1f-9b30-a1fa85b5a3e2.png",1408,1080,[159],{"id":160,"title":161,"slug":162},294,"Artificial intelligence","ai",{"slug":30,"title":29,"logo":32,"categories":164},[],{"uuid":166,"title":47,"description":167,"canonical_path":4,"image":168,"width":169,"height":170,"image_alt":51,"kind":52,"categories":171,"app":173},"4ad7f284-2752-4891-8c7a-a693f9a58573","The screenshot shows a text input field with a placeholder text and a loading indicator.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F166f6ca6-b0fa-4546-933b-1901820e10f5.png",1175,516,[172],{"id":160,"title":161,"slug":162},{"slug":30,"title":29,"logo":32,"categories":174},[],{"uuid":176,"title":47,"description":177,"canonical_path":4,"image":178,"width":179,"height":180,"image_alt":51,"kind":52,"categories":181,"app":183},"aa57e439-e122-4a38-aadb-6628b104fe5e","A text editor with formatting options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0bd52c60-d3e0-4ee3-a3ed-17dd14173a19.png",1270,450,[182],{"id":160,"title":161,"slug":162},{"slug":30,"title":29,"logo":32,"categories":184},[],[],[187,190,193,196,199],{"label":188,"to":189},"Notion Mail product screens","\u002Fexamples\u002Fapps\u002Fnotion-mail\u002Fscreens",{"label":191,"to":192},"Notion Mail marketing pages","\u002Fexamples\u002Fapps\u002Fnotion-mail\u002Fmarketing",{"label":194,"to":195},"Notion Mail user flows","\u002Fexamples\u002Fapps\u002Fnotion-mail\u002Fflows",{"label":197,"to":198},"Email app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Femail",{"label":200,"to":201},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"published_at":203,"updated_at":204},"2025-04-18T08:46:56.000Z","2026-09-13T13:02:39.000Z"]