[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fsuperhuman\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":48,"showcases":217,"links":218,"dates":237},"\u002Fexamples\u002Fapps\u002Fsuperhuman\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Superhuman UI components examples - Nicelydone","Browse Superhuman UI component design examples. Preview individual interface elements and explore related component categories. The fastest email experience…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fdfc0cf60-556e-4e14-8aed-f425d6f7d9e0.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},"Superhuman design examples","\u002Fexamples\u002Fapps\u002Fsuperhuman",{"label":23,"to":4},"Superhuman UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Superhuman UI component design examples. Preview individual interface elements and explore related component categories. The fastest email experience ever made",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":31,"categories":35},"Superhuman","superhuman","The fastest email experience ever made","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsuperhuman-3d38669b.png","https:\u002F\u002Fsuperhuman.com",[36,40,44],{"id":37,"title":38,"slug":39},30,"Productivity","productivity",{"id":41,"title":42,"slug":43},92,"Email","email",{"id":45,"title":46,"slug":47},101,"Calendar","calendar",[49,64,79,94,109,124,136,151,163,178,193,205],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"categories":57,"app":62},"e5819f03-f501-4b37-a034-c87935e0052b","Hero Section","A dark-themed hero section featuring a top navigation bar, a bold headline, a subheadline, a primary call-to-action button, and a partial preview of the product interface.",3024,1824,"Hero Section from Superhuman","component",[58],{"id":59,"title":60,"slug":61},197,"Hero section","hero-section",{"slug":31,"title":30,"logo":33,"categories":63},[],{"uuid":65,"title":66,"description":67,"canonical_path":4,"image":68,"width":69,"height":70,"image_alt":71,"kind":56,"categories":72,"app":77},"1e4b5078-b787-4bce-8969-b8720761ea5e","Feature toggle card","A dark-themed card containing a toggle switch to enable an 'Early Access' feature, along with a list of related sub-features.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F013cff1e-9b52-4e8e-911e-d8099ffa513c.png",797,361,"Feature toggle card from Superhuman",[73],{"id":74,"title":75,"slug":76},236,"Toggle\u002FSwitch","toggle-switch",{"slug":31,"title":30,"logo":33,"categories":78},[],{"uuid":80,"title":81,"description":82,"canonical_path":4,"image":83,"width":84,"height":85,"image_alt":86,"kind":56,"categories":87,"app":92},"9143d9f6-15ec-4dad-8d24-a64bfeaf61da","Daily schedule view","A daily calendar view showing scheduled events as blocks on a vertical timeline.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F16b43f03-c818-47fc-809c-64c0cdd22409.png",719,1206,"Daily schedule view from Superhuman",[88],{"id":89,"title":90,"slug":91},249,"Timeline & history","timeline-history",{"slug":31,"title":30,"logo":33,"categories":93},[],{"uuid":95,"title":96,"description":97,"canonical_path":4,"image":98,"width":99,"height":100,"image_alt":101,"kind":56,"categories":102,"app":107},"c7a8d126-f3da-4e9f-8cda-953e14bf1a8f","Keyboard shortcut tip","A dark, floating toast or tooltip displaying a keyboard shortcut tip with an inline key indicator and a close button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fae544d91-217e-46d6-951f-abe39feb6939.png",748,214,"Keyboard shortcut tip from Superhuman",[103],{"id":104,"title":105,"slug":106},254,"Tooltip","tooltip-element",{"slug":31,"title":30,"logo":33,"categories":108},[],{"uuid":110,"title":111,"description":112,"canonical_path":4,"image":113,"width":114,"height":115,"image_alt":116,"kind":56,"categories":117,"app":122},"51f3096a-bfbc-4f7c-b2ef-fa96d63c61f9","Notification Toasts","Two stacked toast notifications. The top one is an achievement notification with a title, description, and action link. The bottom one is a simple confirmation toast with an undo action.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc0f1b15b-1847-4244-a517-da904714a7ce.png",949,552,"Notification Toasts from Superhuman",[118],{"id":119,"title":120,"slug":121},247,"Notification Toast","notification-element",{"slug":31,"title":30,"logo":33,"categories":123},[],{"uuid":125,"title":126,"description":127,"canonical_path":4,"image":128,"width":129,"height":130,"image_alt":131,"kind":56,"categories":132,"app":134},"e0a1d8ff-8efc-4270-8325-fe57ea6b2861","Keyboard shortcut tooltip","A dark tooltip displaying a keyboard shortcut and a brief description, appearing below a selected action in a top navigation bar.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fde375b67-f585-4eb1-9407-9b9e86eb0518.png",475,223,"Keyboard shortcut tooltip from Superhuman",[133],{"id":104,"title":105,"slug":106},{"slug":31,"title":30,"logo":33,"categories":135},[],{"uuid":137,"title":138,"description":139,"canonical_path":4,"image":140,"width":141,"height":142,"image_alt":143,"kind":56,"categories":144,"app":149},"38a7bdea-7835-49c7-841e-7587e6f6c040","AI Rewrite Menu","An inline AI assistant menu triggered within an email composer, offering options to rewrite, shorten, lengthen, simplify, or fix spelling and grammar of the selected text.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffe8440bb-97a9-4d07-92a9-5bae9ae60477.png",1635,1402,"AI Rewrite Menu from Superhuman",[145],{"id":146,"title":147,"slug":148},294,"Artificial intelligence","ai",{"slug":31,"title":30,"logo":33,"categories":150},[],{"uuid":152,"title":153,"description":154,"canonical_path":4,"image":155,"width":156,"height":157,"image_alt":158,"kind":56,"categories":159,"app":161},"69370961-f9eb-4a26-8892-39a0f1f449ff","AI Draft Prompt","An inline AI prompt input field with a floating example tooltip, used to generate email drafts.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcde1225b-b07f-4d8d-b41a-a129eba4b25a.png",1564,707,"AI Draft Prompt from Superhuman",[160],{"id":146,"title":147,"slug":148},{"slug":31,"title":30,"logo":33,"categories":162},[],{"uuid":164,"title":165,"description":166,"canonical_path":4,"image":167,"width":168,"height":169,"image_alt":170,"kind":56,"categories":171,"app":176},"ded86dae-1ef1-40ea-a3f4-8350c855fdac","Mobile App Download Modal","A modal prompting the user to download the mobile app by scanning a QR code.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F813495f5-3c8e-4eac-b18b-0c8d01a724ae.png",769,773,"Mobile App Download Modal from Superhuman",[172],{"id":173,"title":174,"slug":175},285,"QR code","qr-code",{"slug":31,"title":30,"logo":33,"categories":177},[],{"uuid":179,"title":180,"description":181,"canonical_path":4,"image":182,"width":183,"height":184,"image_alt":185,"kind":56,"categories":186,"app":191},"dfcd5f2b-375c-482b-a6fe-957e47facb43","Setup checklist","A vertical checklist showing onboarding progress with a progress bar and a list of completed and pending tasks.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe36eb220-ee19-434e-b101-d69c4309adbd.png",722,992,"Setup checklist from Superhuman",[187],{"id":188,"title":189,"slug":190},213,"Progress indicator","progress-indicator",{"slug":31,"title":30,"logo":33,"categories":192},[],{"uuid":194,"title":195,"description":196,"canonical_path":4,"image":197,"width":198,"height":199,"image_alt":200,"kind":56,"categories":201,"app":203},"61068473-8054-4fcb-bf5c-61a47e86109f","Achievement Toast","A notification toast celebrating a user milestone, featuring a title, descriptive text, an action link, and a close button. It has a green accent border on the left.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5e2e5d56-b239-482f-abc6-12f6403bb43f.png",841,342,"Achievement Toast from Superhuman",[202],{"id":119,"title":120,"slug":121},{"slug":31,"title":30,"logo":33,"categories":204},[],{"uuid":206,"title":207,"description":208,"canonical_path":4,"image":209,"width":210,"height":211,"image_alt":212,"kind":56,"categories":213,"app":215},"74f6e9dc-9d05-435a-be88-0efa29558a0e","Success Toast with Undo","A notification toast confirming an action with an option to undo and a close button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F32320b98-dc1d-44b4-bd2f-77e100aee200.png",618,194,"Success Toast with Undo from Superhuman",[214],{"id":119,"title":120,"slug":121},{"slug":31,"title":30,"logo":33,"categories":216},[],[],[219,222,225,228,231,234],{"label":220,"to":221},"Superhuman product screens","\u002Fexamples\u002Fapps\u002Fsuperhuman\u002Fscreens",{"label":223,"to":224},"Superhuman marketing pages","\u002Fexamples\u002Fapps\u002Fsuperhuman\u002Fmarketing",{"label":226,"to":227},"Superhuman user flows","\u002Fexamples\u002Fapps\u002Fsuperhuman\u002Fflows",{"label":229,"to":230},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":232,"to":233},"Email app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Femail",{"label":235,"to":236},"Calendar app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcalendar",{"published_at":238,"updated_at":239},"2023-12-11T14:43:48.000Z","2026-09-26T00:10:33.000Z"]