[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fsendgrid\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":51,"showcases":322,"links":323,"dates":384},"\u002Fexamples\u002Fapps\u002Fsendgrid\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Sendgrid product screens examples - Nicelydone","Browse Sendgrid screen design examples. Preview the interface screenshots and explore related UI patterns. Marketing & transactional email service","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsendgrid_sign-in_bcfedf12_nicelydone.jpg",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Sendgrid design examples","\u002Fexamples\u002Fapps\u002Fsendgrid",{"label":23,"to":4},"Sendgrid product screens 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},"Sendgrid","sendgrid","Marketing & transactional email service","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsendgrid-6c7fbfce.png","http:\u002F\u002Fsendgrid.com",[35,39,43,47],{"id":36,"title":37,"slug":38},27,"Email Newsletters","email-newsletters",{"id":40,"title":41,"slug":42},25,"Marketing","marketing",{"id":44,"title":45,"slug":46},37,"Developer APIs","developer-apis",{"id":48,"title":49,"slug":50},92,"Email","email",[52,81,95,117,149,174,202,222,245,269,299],{"uuid":53,"title":54,"description":55,"canonical_path":4,"image":11,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":60,"component_categories":70,"app":79},"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",[61],{"id":62,"label":63,"slug":64,"rank":65,"group":66},2,"Forgot Password","forgot-password",0,{"id":67,"label":68,"slug":69},1,"Access & Account","access-and-account",[71,75],{"id":72,"title":73,"slug":74},174,"Card","card",{"id":76,"title":77,"slug":78},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":80},[],{"uuid":82,"title":83,"description":84,"canonical_path":4,"image":85,"width":56,"height":57,"image_alt":86,"kind":59,"patterns":87,"component_categories":90,"app":93},"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",[88],{"id":62,"label":63,"slug":64,"rank":65,"group":89},{"id":67,"label":68,"slug":69},[91,92],{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":94},[],{"uuid":96,"title":97,"description":98,"canonical_path":4,"image":99,"width":56,"height":100,"image_alt":101,"kind":59,"patterns":102,"component_categories":108,"app":115},"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",[103],{"id":104,"label":105,"slug":106,"rank":65,"group":107},5,"Sign Up","sign-up",{"id":67,"label":68,"slug":69},[109,113,114],{"id":110,"title":111,"slug":112},227,"Stepper","stepper",{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":116},[],{"uuid":118,"title":97,"description":119,"canonical_path":4,"image":120,"width":56,"height":57,"image_alt":101,"kind":59,"patterns":121,"component_categories":143,"app":147},"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",[122,127,135],{"id":123,"label":124,"slug":125,"rank":65,"group":126},6,"Verification","verification",{"id":67,"label":68,"slug":69},{"id":128,"label":129,"slug":130,"rank":67,"group":131},74,"Onboarding Checklist","onboarding-checklist",{"id":132,"label":133,"slug":134},7,"Onboarding & Education","onboarding-and-education",{"id":136,"label":137,"slug":138,"rank":62,"group":139},114,"Confirmation","confirmation",{"id":140,"label":141,"slug":142},12,"States & Feedback","states-and-feedback",[144,145,146],{"id":110,"title":111,"slug":112},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":148},[],{"uuid":150,"title":151,"description":152,"canonical_path":4,"image":153,"width":56,"height":57,"image_alt":154,"kind":59,"patterns":155,"component_categories":162,"app":172},"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",[156,160],{"id":67,"label":157,"slug":158,"rank":65,"group":159},"Account Setup","account-setup",{"id":67,"label":68,"slug":69},{"id":128,"label":129,"slug":130,"rank":67,"group":161},{"id":132,"label":133,"slug":134},[163,167,171],{"id":164,"title":165,"slug":166},284,"Modal","modal",{"id":168,"title":169,"slug":170},233,"Tabs","tabs",{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":173},[],{"uuid":175,"title":176,"description":177,"canonical_path":4,"image":178,"width":56,"height":179,"image_alt":180,"kind":59,"patterns":181,"component_categories":197,"app":200},"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",[182,190,192],{"id":183,"label":184,"slug":185,"rank":65,"group":186},41,"Dashboard","dashboard",{"id":187,"label":188,"slug":189},4,"Data & Analysis","data-and-analysis",{"id":128,"label":129,"slug":130,"rank":67,"group":191},{"id":132,"label":133,"slug":134},{"id":193,"label":194,"slug":195,"rank":62,"group":196},115,"Empty State","empty-state",{"id":140,"label":141,"slug":142},[198,199],{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":201},[],{"uuid":203,"title":204,"description":205,"canonical_path":4,"image":206,"width":56,"height":207,"image_alt":208,"kind":59,"patterns":209,"component_categories":218,"app":220},"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",[210],{"id":211,"label":212,"slug":213,"rank":65,"group":214},94,"Account Settings","account-settings",{"id":215,"label":216,"slug":217},10,"Settings & Admin","settings-and-admin",[219],{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":221},[],{"uuid":223,"title":151,"description":224,"canonical_path":4,"image":225,"width":56,"height":226,"image_alt":154,"kind":59,"patterns":227,"component_categories":240,"app":243},"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,[228,233,235],{"id":229,"label":230,"slug":231,"rank":65,"group":232},73,"Guided Tour","guided-tour",{"id":132,"label":133,"slug":134},{"id":128,"label":129,"slug":130,"rank":67,"group":234},{"id":132,"label":133,"slug":134},{"id":236,"label":237,"slug":238,"rank":62,"group":239},77,"Welcome","welcome",{"id":132,"label":133,"slug":134},[241,242],{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":244},[],{"uuid":246,"title":247,"description":248,"canonical_path":4,"image":249,"width":56,"height":57,"image_alt":250,"kind":59,"patterns":251,"component_categories":263,"app":267},"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",[252,258],{"id":132,"label":253,"slug":254,"rank":65,"group":255},"Add & Create","add-and-create",{"id":62,"label":256,"slug":257},"Actions","actions",{"id":259,"label":260,"slug":261,"rank":67,"group":262},13,"Filter & Sort","filter-and-sort",{"id":62,"label":256,"slug":257},[264,265,266],{"id":168,"title":169,"slug":170},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":268},[],{"uuid":270,"title":271,"description":272,"canonical_path":4,"image":273,"width":56,"height":274,"image_alt":275,"kind":59,"patterns":276,"component_categories":289,"app":297},"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",[277,285,287],{"id":278,"label":279,"slug":280,"rank":65,"group":281},79,"Browse","browse",{"id":282,"label":283,"slug":284},8,"Pages & Content","pages-and-content",{"id":259,"label":260,"slug":261,"rank":67,"group":286},{"id":62,"label":256,"slug":257},{"id":132,"label":253,"slug":254,"rank":62,"group":288},{"id":62,"label":256,"slug":257},[290,294,295,296],{"id":291,"title":292,"slug":293},260,"Badge","badge",{"id":168,"title":169,"slug":170},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":298},[],{"uuid":300,"title":301,"description":302,"canonical_path":4,"image":303,"width":56,"height":304,"image_alt":305,"kind":59,"patterns":306,"component_categories":312,"app":320},"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",[307],{"id":308,"label":309,"slug":310,"rank":65,"group":311},96,"Billing Settings","billing-settings",{"id":215,"label":216,"slug":217},[313,317,318,319],{"id":314,"title":315,"slug":316},223,"Slider","slider",{"id":168,"title":169,"slug":170},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":321},[],[],[324,326,328,330,332,334,336,338,340,342,344,346,348,351,354,357,360,363,366,368,372,376,380],{"label":129,"to":325},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":253,"to":327},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":260,"to":329},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":63,"to":331},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":212,"to":333},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":157,"to":335},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":309,"to":337},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":279,"to":339},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":137,"to":341},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":184,"to":343},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":194,"to":345},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":230,"to":347},"\u002Fexamples\u002Fscreens\u002Fguided-tour",{"label":349,"to":350},"Sendgrid marketing pages","\u002Fexamples\u002Fapps\u002Fsendgrid\u002Fmarketing",{"label":352,"to":353},"Sendgrid user flows","\u002Fexamples\u002Fapps\u002Fsendgrid\u002Fflows",{"label":355,"to":356},"Sendgrid UI components","\u002Fexamples\u002Fapps\u002Fsendgrid\u002Fcomponents",{"label":358,"to":359},"Email Newsletters app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Femail-newsletters",{"label":361,"to":362},"Marketing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmarketing",{"label":364,"to":365},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":367,"to":18},"All SaaS app examples",{"label":369,"to":370,"description":371},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":373,"to":374,"description":375},"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":377,"to":378,"description":379},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":381,"to":382,"description":383},"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":385,"updated_at":386},"2016-08-23T08:00:00.000Z","2026-09-13T13:02:39.000Z"]