[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fmissive\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":195,"links":196,"dates":212},"\u002Fexamples\u002Fapps\u002Fmissive\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Missive UI components examples - Nicelydone","Browse Missive UI component design examples. Preview individual interface elements and explore related component categories. Team email, chat & tasks","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbb9ea3a2-f744-40cc-8be9-f780ee5ced21.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},"Missive design examples","\u002Fexamples\u002Fapps\u002Fmissive",{"label":23,"to":4},"Missive 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},"Missive","missive","Team email, chat & tasks","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmissive-3771692f.png","https:\u002F\u002Fmissiveapp.com",[35,39],{"id":36,"title":37,"slug":38},23,"Collaboration","collaboration",{"id":40,"title":41,"slug":42},92,"Email","email",[44,59,72,85,98,111,124,134,143,156,169,182],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"categories":52,"app":57},"f6bff60b-60be-41d1-bc47-6f49392ced34","Missive UI component","A color picker popover is displayed over a dark-themed application interface, showing a grid of color swatches, a hexadecimal input field, and a color selection button.",712,517,"UI component from Missive","component",[53],{"id":54,"title":55,"slug":56},183,"Color picker","color-picker",{"slug":30,"title":29,"logo":32,"categories":58},[],{"uuid":60,"title":46,"description":61,"canonical_path":4,"image":62,"width":63,"height":64,"image_alt":50,"kind":51,"categories":65,"app":70},"bea19201-b3e6-49e8-b08b-dcf5fd1a2189","A dark mode interface displaying a setting for a left sidebar with a numerical input and a toggle switch.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb60cbf3e-35f3-4dc8-a6f2-abdcd4142e2d.png",1716,379,[66],{"id":67,"title":68,"slug":69},236,"Toggle\u002FSwitch","toggle-switch",{"slug":30,"title":29,"logo":32,"categories":71},[],{"uuid":73,"title":46,"description":74,"canonical_path":4,"image":75,"width":76,"height":77,"image_alt":50,"kind":51,"categories":78,"app":83},"de286945-3e87-4f52-8e38-51c76d126fc1","A modal window displaying a list of settings categories for a user profile and application management.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7e34a165-9f97-483d-9fc1-18aaf525ae78.png",569,1609,[79],{"id":80,"title":81,"slug":82},209,"Vertical navigation","vertical-navigation",{"slug":30,"title":29,"logo":32,"categories":84},[],{"uuid":86,"title":46,"description":87,"canonical_path":4,"image":88,"width":89,"height":90,"image_alt":50,"kind":51,"categories":91,"app":96},"d1f4dc85-0081-440a-aa47-6b778ed2d371","A dropdown menu for selecting a start date and time, featuring quick selection options, a search bar, and custom input fields.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F43bb0272-affb-4486-81d5-0a3a53e945f7.png",751,1021,[92],{"id":93,"title":94,"slug":95},184,"Datepicker","datepicker",{"slug":30,"title":29,"logo":32,"categories":97},[],{"uuid":99,"title":46,"description":100,"canonical_path":4,"image":101,"width":102,"height":103,"image_alt":50,"kind":51,"categories":104,"app":109},"2399654d-471b-495e-8fa1-5eaaa227b455","A dark mode application interface displaying a hierarchical navigation menu with settings options and a search bar.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3d9e4460-d668-470a-b49d-e5034ad98feb.png",1075,945,[105],{"id":106,"title":107,"slug":108},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":110},[],{"uuid":112,"title":46,"description":113,"canonical_path":4,"image":114,"width":115,"height":116,"image_alt":50,"kind":51,"categories":117,"app":122},"523b1917-c583-4d67-a120-e2e39fc5a67e","A nested filter menu with search functionality for mailboxes and status options in a dark mode application interface.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fefb735d7-3505-4a2d-9860-2d0545e39fe6.png",1392,1535,[118],{"id":119,"title":120,"slug":121},225,"Sorting & filtering","sorting-filtering",{"slug":30,"title":29,"logo":32,"categories":123},[],{"uuid":125,"title":46,"description":126,"canonical_path":4,"image":127,"width":128,"height":129,"image_alt":50,"kind":51,"categories":130,"app":132},"80d603fc-0551-47fc-9684-f80df9e8bdb2","A modal filter menu with a search bar and various filtering options for accounts, status, domains, assignments, labels, and content attributes.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F837a71dc-6022-4846-9bf0-6f744a0f4198.png",710,817,[131],{"id":119,"title":120,"slug":121},{"slug":30,"title":29,"logo":32,"categories":133},[],{"uuid":135,"title":46,"canonical_path":4,"image":136,"width":137,"height":138,"image_alt":50,"kind":51,"categories":139,"app":141},"fa5e2d1c-d341-4166-9dd4-5787616e8248","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcf5e577f-43aa-4fdc-bb27-d2f2aee9d5aa.png",487,1668,[140],{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":142},[],{"uuid":144,"title":46,"description":145,"canonical_path":4,"image":146,"width":147,"height":148,"image_alt":50,"kind":51,"categories":149,"app":154},"612e27a4-a26b-4de3-9c42-3d87b134aa6c","A modal window presenting a 30-day free trial offer with details on features, limitations, and a call to action to start the trial.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F106f0d57-effb-4ae2-ada5-7f2156614ee1.png",936,873,[150],{"id":151,"title":152,"slug":153},255,"Upgrade your plan","upgrade-your-plan",{"slug":30,"title":29,"logo":32,"categories":155},[],{"uuid":157,"title":46,"description":158,"canonical_path":4,"image":159,"width":160,"height":161,"image_alt":50,"kind":51,"categories":162,"app":167},"4a64fe17-6de1-461e-b1e6-6ef6f052e6da","A user interface for connecting an account and configuring message sharing options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8722f46b-d441-4c53-8c6e-00cc71746663.png",978,916,[163],{"id":164,"title":165,"slug":166},179,"Checkbox & radio","checkbox-radio",{"slug":30,"title":29,"logo":32,"categories":168},[],{"uuid":170,"title":46,"description":171,"canonical_path":4,"image":172,"width":173,"height":174,"image_alt":50,"kind":51,"categories":175,"app":180},"c742cdcb-e4bc-4b3e-8cdf-1635975608b9","An account creation screen with social login and single sign-on options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F278ad30c-5c2a-49ab-bd28-413092d3a696.png",872,736,[176],{"id":177,"title":178,"slug":179},289,"Social login button","social-login-button",{"slug":30,"title":29,"logo":32,"categories":181},[],{"uuid":183,"title":46,"description":184,"canonical_path":4,"image":185,"width":186,"height":187,"image_alt":50,"kind":51,"categories":188,"app":193},"fc3b0468-2cfe-447c-bf75-53d55b16b431","A section showcasing customer testimonials with ratings and reviewer details.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4c2de07b-5e2f-4b6b-8de3-09423dc6b08e.png",2656,1374,[189],{"id":190,"title":191,"slug":192},232,"Testimonial","testimonial",{"slug":30,"title":29,"logo":32,"categories":194},[],[],[197,200,203,206,209],{"label":198,"to":199},"Missive product screens","\u002Fexamples\u002Fapps\u002Fmissive\u002Fscreens",{"label":201,"to":202},"Missive marketing pages","\u002Fexamples\u002Fapps\u002Fmissive\u002Fmarketing",{"label":204,"to":205},"Missive user flows","\u002Fexamples\u002Fapps\u002Fmissive\u002Fflows",{"label":207,"to":208},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":210,"to":211},"Email app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Femail",{"published_at":213,"updated_at":214},"2021-02-28T19:04:46.000Z","2026-09-13T13:02:39.000Z"]