[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fsendgrid":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":57,"showcases":58,"links":335,"dates":373},"\u002Fexamples\u002Fapps\u002Fsendgrid","detail","apps",true,{"title":9,"description":10,"og_image":11},"Sendgrid design examples - Nicelydone","Explore Sendgrid UI design examples. Marketing & transactional email service","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsendgrid_sign-in_bcfedf12_nicelydone.jpg",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Sendgrid design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Sendgrid",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fsendgrid\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fsendgrid\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"categories":40},"Sendgrid","sendgrid","Marketing & transactional email service","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsendgrid-6c7fbfce.png","http:\u002F\u002Fsendgrid.com",[41,45,49,53],{"id":42,"title":43,"slug":44},27,"Email Newsletters","email-newsletters",{"id":46,"title":47,"slug":48},25,"Marketing","marketing",{"id":50,"title":51,"slug":52},37,"Developer APIs","developer-apis",{"id":54,"title":55,"slug":56},92,"Email","email",[],[59,332],{"family":60,"examples":61},"screens",[62,91,105,127,159,184,212,232,255,279,309],{"uuid":63,"title":64,"description":65,"canonical_path":29,"image":11,"width":66,"height":67,"image_alt":68,"kind":69,"patterns":70,"component_categories":80,"app":89},"d8b76dba-0df4-4a14-84ec-619296fe851d","Sign in","Sign-in screen where the user authenticates with their username and password, with options to recover their password or create a new account.",2800,1544,"Sign in from Sendgrid","screen",[71],{"id":72,"label":73,"slug":74,"rank":75,"group":76},2,"Forgot Password","forgot-password",0,{"id":77,"label":78,"slug":79},1,"Access & Account","access-and-account",[81,85],{"id":82,"title":83,"slug":84},174,"Card","card",{"id":86,"title":87,"slug":88},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":90},[],{"uuid":92,"title":93,"description":94,"canonical_path":29,"image":95,"width":66,"height":67,"image_alt":96,"kind":69,"patterns":97,"component_categories":100,"app":103},"19273b21-b8f9-424c-a0c0-4314dad98bd6","Password reset","Password recovery screen where the user enters their SendGrid username to request a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsendgrid_password-reset_213f37b8_nicelydone.jpg","Password reset from Sendgrid",[98],{"id":72,"label":73,"slug":74,"rank":75,"group":99},{"id":77,"label":78,"slug":79},[101,102],{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":104},[],{"uuid":106,"title":107,"description":108,"canonical_path":29,"image":109,"width":66,"height":110,"image_alt":111,"kind":69,"patterns":112,"component_categories":118,"app":125},"90e6c7db-d9e0-4162-9261-349a12b0c8dd","Sign up","Signup page where the user enters their username, password, and email address as the first step of a four-part onboarding flow.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsendgrid_sign-up_fce18009_nicelydone.jpg",1792,"Sign up from Sendgrid",[113],{"id":114,"label":115,"slug":116,"rank":75,"group":117},5,"Sign Up","sign-up",{"id":77,"label":78,"slug":79},[119,123,124],{"id":120,"title":121,"slug":122},227,"Stepper","stepper",{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":126},[],{"uuid":128,"title":107,"description":129,"canonical_path":29,"image":130,"width":66,"height":67,"image_alt":111,"kind":69,"patterns":131,"component_categories":153,"app":157},"4ff7d44d-e957-4e3e-8f78-b1694d6ef358","Verification screen in an onboarding flow instructing the user to check their inbox to confirm their email address before proceeding to the profile setup.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsendgrid_sign-up-2_c5b56190_nicelydone.jpg",[132,137,145],{"id":133,"label":134,"slug":135,"rank":75,"group":136},6,"Verification","verification",{"id":77,"label":78,"slug":79},{"id":138,"label":139,"slug":140,"rank":77,"group":141},74,"Onboarding Checklist","onboarding-checklist",{"id":142,"label":143,"slug":144},7,"Onboarding & Education","onboarding-and-education",{"id":146,"label":147,"slug":148,"rank":72,"group":149},114,"Confirmation","confirmation",{"id":150,"label":151,"slug":152},12,"States & Feedback","states-and-feedback",[154,155,156],{"id":120,"title":121,"slug":122},{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":158},[],{"uuid":160,"title":161,"description":162,"canonical_path":29,"image":163,"width":66,"height":67,"image_alt":164,"kind":69,"patterns":165,"component_categories":172,"app":182},"50f37250-3a24-4da9-b55e-d04be9748798","Onboarding","Onboarding step where the user provides their profile information, address, and intended email usage to complete account setup while the background dashboard provisions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsendgrid_onboarding_a41b38b2_nicelydone.jpg","Onboarding from Sendgrid",[166,170],{"id":77,"label":167,"slug":168,"rank":75,"group":169},"Account Setup","account-setup",{"id":77,"label":78,"slug":79},{"id":138,"label":139,"slug":140,"rank":77,"group":171},{"id":142,"label":143,"slug":144},[173,177,181],{"id":174,"title":175,"slug":176},284,"Modal","modal",{"id":178,"title":179,"slug":180},233,"Tabs","tabs",{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":183},[],{"uuid":185,"title":186,"description":187,"canonical_path":29,"image":188,"width":66,"height":189,"image_alt":190,"kind":69,"patterns":191,"component_categories":207,"app":210},"005ad34b-7761-4be4-8e16-9f9ba2132eac","Home","Dashboard for a newly provisioned account showing empty email activity metrics and an onboarding checklist for configuring whitelabels and templates.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsendgrid_home_4f89a1a1_nicelydone.jpg",2666,"Home from Sendgrid",[192,200,202],{"id":193,"label":194,"slug":195,"rank":75,"group":196},41,"Dashboard","dashboard",{"id":197,"label":198,"slug":199},4,"Data & Analysis","data-and-analysis",{"id":138,"label":139,"slug":140,"rank":77,"group":201},{"id":142,"label":143,"slug":144},{"id":203,"label":204,"slug":205,"rank":72,"group":206},115,"Empty State","empty-state",{"id":150,"label":151,"slug":152},[208,209],{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":211},[],{"uuid":213,"title":214,"description":215,"canonical_path":29,"image":216,"width":66,"height":217,"image_alt":218,"kind":69,"patterns":219,"component_categories":228,"app":230},"33e198be-aa10-4819-bf73-eb6727a2d1d4","Settings","Settings page where the user views their account details, contact information, and company profile, with options to edit each section.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsendgrid_settings_cefaf1ec_nicelydone.jpg",2150,"Settings from Sendgrid",[220],{"id":221,"label":222,"slug":223,"rank":75,"group":224},94,"Account Settings","account-settings",{"id":225,"label":226,"slug":227},10,"Settings & Admin","settings-and-admin",[229],{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":231},[],{"uuid":233,"title":161,"description":234,"canonical_path":29,"image":235,"width":66,"height":236,"image_alt":164,"kind":69,"patterns":237,"component_categories":250,"app":253},"57c7cfa5-68fa-40b2-a932-33ee994e94da","Onboarding screen where the user follows a step-by-step tour to set up sender identity, upload contacts, configure unsubscribe groups, and create their first campaign.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsendgrid_onboarding-2_6aff3188_nicelydone.jpg",3356,[238,243,245],{"id":239,"label":240,"slug":241,"rank":75,"group":242},73,"Guided Tour","guided-tour",{"id":142,"label":143,"slug":144},{"id":138,"label":139,"slug":140,"rank":77,"group":244},{"id":142,"label":143,"slug":144},{"id":246,"label":247,"slug":248,"rank":72,"group":249},77,"Welcome","welcome",{"id":142,"label":143,"slug":144},[251,252],{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":254},[],{"uuid":256,"title":257,"description":258,"canonical_path":29,"image":259,"width":66,"height":67,"image_alt":260,"kind":69,"patterns":261,"component_categories":273,"app":277},"e42506a2-e4d2-4272-bacc-de3bf7752b0e","Create","Drawer for creating a new marketing campaign where the user can choose to start from a custom template, SendGrid templates, or paste HTML.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsendgrid_create_80b85830_nicelydone.jpg","Create from Sendgrid",[262,268],{"id":142,"label":263,"slug":264,"rank":75,"group":265},"Add & Create","add-and-create",{"id":72,"label":266,"slug":267},"Actions","actions",{"id":269,"label":270,"slug":271,"rank":77,"group":272},13,"Filter & Sort","filter-and-sort",{"id":72,"label":266,"slug":267},[274,275,276],{"id":178,"title":179,"slug":180},{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":278},[],{"uuid":280,"title":281,"description":282,"canonical_path":29,"image":283,"width":66,"height":284,"image_alt":285,"kind":69,"patterns":286,"component_categories":299,"app":307},"86a9965a-a3ac-4fe9-8fc4-ea12d1edffe6","List","List view where the user browses and filters available email marketing templates to start a new campaign.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsendgrid_list_bda5227f_nicelydone.jpg",3080,"List from Sendgrid",[287,295,297],{"id":288,"label":289,"slug":290,"rank":75,"group":291},79,"Browse","browse",{"id":292,"label":293,"slug":294},8,"Pages & Content","pages-and-content",{"id":269,"label":270,"slug":271,"rank":77,"group":296},{"id":72,"label":266,"slug":267},{"id":142,"label":263,"slug":264,"rank":72,"group":298},{"id":72,"label":266,"slug":267},[300,304,305,306],{"id":301,"title":302,"slug":303},260,"Badge","badge",{"id":178,"title":179,"slug":180},{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":308},[],{"uuid":310,"title":311,"description":312,"canonical_path":29,"image":313,"width":66,"height":314,"image_alt":315,"kind":69,"patterns":316,"component_categories":322,"app":330},"f5d62cde-d3f9-4fa1-9500-3063fd23836a","Plans","Settings page where the user views their current free plan, monthly email limits, invoice history, and can cancel their account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsendgrid_plans_e2f5fd69_nicelydone.jpg",2262,"Plans from Sendgrid",[317],{"id":318,"label":319,"slug":320,"rank":75,"group":321},96,"Billing Settings","billing-settings",{"id":225,"label":226,"slug":227},[323,327,328,329],{"id":324,"title":325,"slug":326},223,"Slider","slider",{"id":178,"title":179,"slug":180},{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":331},[],{"family":333,"examples":334},"pages",[],[336,338,340,343,346,349,352,355,357,361,365,369],{"label":337,"to":29},"Sendgrid product screens",{"label":339,"to":32},"Sendgrid marketing pages",{"label":341,"to":342},"Sendgrid user flows","\u002Fexamples\u002Fapps\u002Fsendgrid\u002Fflows",{"label":344,"to":345},"Sendgrid UI components","\u002Fexamples\u002Fapps\u002Fsendgrid\u002Fcomponents",{"label":347,"to":348},"Email Newsletters app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Femail-newsletters",{"label":350,"to":351},"Marketing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmarketing",{"label":353,"to":354},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":356,"to":18},"All SaaS app examples",{"label":358,"to":359,"description":360},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":362,"to":363,"description":364},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":366,"to":367,"description":368},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":370,"to":371,"description":372},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":374,"updated_at":375},"2016-08-23T08:00:00.000Z","2026-09-13T13:02:39.000Z"]