Inboxes

Create an inbox to save and track emails. It's free!

+New inbox
Back
Back
Back 
<!DOCTYPE html>
<html lang="en" xmlns="//www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
 <head>
  <title>
   Mallet Newsletter: An in-app resource editor, 3400+ new icons, and 2-click component upgrade path
  </title>
  <!--[if !mso]><!-- -->
  <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
  <!--<![endif]-->
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <meta content="Mallet Newsletter: An in-app resource editor, 3400+ new icons, and 2-click component upgrade path" property="og:title"/>
  <meta content="Mallet Newsletter: An in-app resource editor, 3400+ new icons, and 2-click component upgrade path" property="og:title"/>
  <meta content="width=device-width,initial-scale=1" name="viewport"/>
  <meta content="HubSpot" name="generator"/>
  <meta content="//retool-7660877.hs-sites.com/-temporary-slug-f082d79a-adfe-4dbc-8e43-35068ef27ce7" property="og:url"/>
  <meta name="x-apple-disable-message-reformatting"/>
  <meta content="noindex,follow" name="robots"/>
 </head>
 <body style="background-color:#f5f5f5;">
  <style type="text/css">
   #outlook a {
      padding: 0;
    }
    body {
      margin: 0;
      padding: 0;
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
    }
    table,
    td {
      border-collapse: collapse;
      mso-table-lspace: 0pt;
      mso-table-rspace: 0pt;
    }
    img {
      border: 0;
      height: auto;
      line-height: 100%;
      outline: none;
      text-decoration: none;
      -ms-interpolation-mode: bicubic;
    }
    p {
      display: block;
      margin: 13px 0;
    }
  </style>
  <!--[if mso]>
        <xml>
        <o:OfficeDocumentSettings>
          <o:AllowPNG/>
          <o:PixelsPerInch>96</o:PixelsPerInch>
        </o:OfficeDocumentSettings>
        </xml>
        <![endif]-->
  <!--[if lte mso 11]>
        <style type="text/css">
          .mj-outlook-group-fix { width:100% !important; }
        </style>
        <![endif]-->
  <style type="text/css">
   @media only screen and (min-width:480px) {
      .mj-column-per-100 {
        width: 100% !important;
        max-width: 100% ;
      }
      
      .mj-column-per-50 {
        width: 50% !important;
        max-width: 50%;
      }
      .mj-column-per-33-333333333333336 {
        width: 33.333333333333336% !important;
        max-width: 33.333333333333336%;
      }
    }
  </style>
  <style type="text/css">
   @media only screen and (max-width:480px) {
      table.mj-full-width-mobile {
        width: 100% !important;
      }
      td.mj-full-width-mobile {
        width: auto !important;
      }
    }
  </style>
  <style type="text/css">
   * {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    body {
      -webkit-font-smoothing: antialiased !important;
    }
    ul {
      margin: 0;
    }
    li {
      margin-bottom: 8px;
      color: #848EE0
    }
    li span {
      color: #656465;
    }
    li:last-child {
      margin-bottom: 0;
    }
    li strong {
      color: #656465;
      font-weight: 600;
    }
    .link {
      color: #3574E3 !important;
      text-decoration: none !important;
    }
    
    .grey-link {
      color: #979797 !important;
      text-decoration: none !important;
    }  
    @media (max-width: 599px) {
      .hide-mobile table {
        display: none;
        mso-hide: all;
        max-height: 0;
        overflow: hidden;
      }
      .main>table>tbody>tr>td:first-child {
        padding: 20px !important;
      }
      .main {
        border-radius: 6px !important;
      }
    }
  </style>
  <div id="preview_text" style="display:none;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">
   3400+ new searchable icons, a way to create and edit resources in-app, and a path to upgrade your deprecated UI components in 2 clicks.
  </div>
  <div style="background-color:#f5f5f5;">
   <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="hide-mobile-outlook" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
   <div class="hide-mobile" style="margin:0px auto;max-width:600px;">
    <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
     <tbody>
      <tr>
       <td style="direction:ltr;font-size:0px;padding:0;text-align:center;">
        <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
        <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
         <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
          <tbody>
           <tr>
            <td style="vertical-align:top;padding:0;">
             <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
              <tbody>
               <tr>
                <td style="font-size:0px;padding:0;word-break:break-word;">
                 <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="36" style="height:36px;"><![endif]-->
                 <div style="height:26px;">
                 </div>
                 <!--[if mso | IE]></td></tr></table><![endif]-->
                </td>
               </tr>
              </tbody>
             </table>
            </td>
           </tr>
          </tbody>
         </table>
        </div>
        <!--[if mso | IE]></td></tr></table><![endif]-->
       </td>
      </tr>
     </tbody>
    </table>
   </div>
   <!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="main-outlook" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
   <div class="main widget-span widget-type-email_body" data-widget-type="email_body" style="background:#ffffff;background-color:#ffffff;margin:0px auto;border-radius:6px;max-width:600px;">
    <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text" data-hs-cos-general-type="widget" data-hs-cos-type="rich_text" id="hs_cos_wrapper_hs_email_body" style="color: inherit; font-size: inherit; line-height: inherit;">
     <table align="center" cellspacing="0" role="presentation" style="background: #ffffff; width: 100%; border-radius: 6px; border-width: 0px;">
      <tbody>
       <tr>
        <td style="direction: ltr; font-size: 0px; padding: 48px 30px 28px; text-align: center; border-width: 0px;">
         <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:480px;" ><![endif]-->
         <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size: 0px; text-align: left; direction: ltr; display: inline-block; vertical-align: top; width: 100%;">
          <table cellspacing="0" role="presentation" style="border-width: 0px;" width="100%">
           <tbody>
            <tr>
             <td style="vertical-align: top; padding: 0px; border-width: 0px;">
              <table cellspacing="0" role="presentation" style="width: 100%; border-width: 0px;" width="100%">
               <tbody>
                <tr style="height: 21px;">
                 <td align="left" style="font-size: 0px; word-break: break-word; height: 21px; border-width: 0px; padding: 0px;">
                  <table cellspacing="0" role="presentation" style="border-collapse: collapse; border-spacing: 0px; border-width: 0px;">
                   <tbody>
                    <tr>
                     <td style="width: 100px; border-width: 0px; padding: 0px;">
                      <img alt="Retool logo" height="20" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3399nw8s4ngfo.cloudfront.net%252Fhtml_email_assets%252Fretool_logo_lockup_200x40.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkMzM5OW53OHM0biJ9:1miJK7:hRYU2wOiLXIWMT2zWiuGG22dArBS9vpdVmc1YPtbTEs" style="border: 0; display: block; outline: none; text-decoration: none; height: 20px; width: 100%; font-size: 13px;" width="100"/>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </td>
                </tr>
                <tr style="height: 16px;">
                 <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 16px; border-width: 0px;">
                  <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="36" style="height:36px;"><![endif]-->
                  <div style="height: 16px;">
                  </div>
                  <!--[if mso | IE]></td></tr></table><![endif]-->
                 </td>
                </tr>
                <tr>
                 <td style="direction: ltr; font-size: 0px; padding: 0px; text-align: center; border-width: 0px;">
                  <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;"><![endif]-->
                  <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size: 0px; text-align: left; direction: ltr; display: inline-block; vertical-align: top; width: 100%;">
                   <table cellspacing="0" role="presentation" style="vertical-align: top; border-width: 0px;" width="100%">
                    <tbody>
                     <tr>
                      <td align="center" style="font-size: 0px; padding: 0px; word-break: break-word; border-width: 0px;">
                       <table cellspacing="0" role="presentation" style="border-collapse: collapse; border-spacing: 0px; border-width: 0px;">
                        <tbody>
                         <tr>
                          <td style="width: 550px; border-width: 0px; padding: 0px;">
                           <a data-hs-link-id="0" linktext="  " rel="noopener" target="_blank">
                            <img alt="The Mallet" src="https://inboxflows.com/_/image/https%253A%252F%252Fuserimg-bee.customeriomail.com%252Fimages%252Fclient-env-76159%252Fmallet-header.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ1c2VyaW1nLWJlZSJ9:1miJK7:l7sb0usx0ITiS1tGAjKGk_xv2AhwNxtFp0NHquAkkwU" style="border: 0; display: block; outline: none; text-decoration: none; height: auto; width: 100%; max-width: 550px; font-size: 13px;" width="550"/>
                           </a>
                          </td>
                         </tr>
                        </tbody>
                       </table>
                      </td>
                     </tr>
                    </tbody>
                   </table>
                  </div>
                  <!--[if mso | IE]></td></tr></table><![endif]-->
                 </td>
                </tr>
                <tr style="height: 20px;">
                 <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 20px; border-width: 0px;">
                  <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="36" style="height:36px;"><![endif]-->
                  <div style="height: 20px;">
                  </div>
                  <!--[if mso | IE]></td></tr></table><![endif]-->
                 </td>
                </tr>
                <tr>
                 <td align="left" style="font-size: 0px; padding: 0px; word-break: break-word; border-width: 0px;">
                  <div style="font-family: -apple-system, BlinkMacSystemFont, 'Avenir Next', Avenir, 'Segoe UI', 'Helvetica Neue', Helvetica, Noto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 15px; line-height: 1.4; text-align: left; color: #656465;">
                   👋  Hello, Retool community! We recently released a few exciting updates including our fully revised library of Input UI components, a new library of 3400+ searchable icons, a way to create and edit resources directly from the query editor, and a path to upgrade deprecated components in your existing Retool apps with just 2 clicks. Read on to learn more, and keep up in real time with
                   <a data-hs-link-id="1" rel="noopener" style="text-decoration: none; color: #3574e3;" target="_blank">
                    our changelog
                   </a>
                   .
                  </div>
                 </td>
                </tr>
                <tr style="height: 36px;">
                 <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 36px; border-width: 0px;">
                  <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="36" style="height:36px;"><![endif]-->
                  <div style="height: 36px;">
                  </div>
                  <!--[if mso | IE]></td></tr></table><![endif]-->
                 </td>
                </tr>
                <tr style="height: 2px;">
                 <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 2px; border-width: 0px;">
                  <p style="margin-bottom: 1em; border-top: solid 1px #e5e5e5; font-size: 1px; margin: 0px auto; width: 100%;">
                  </p>
                 </td>
                </tr>
                <tr style="height: 16px;">
                 <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 16px; border-width: 0px;">
                  <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="16" style="height:16px;"><![endif]-->
                  <div style="height: 16px;">
                  </div>
                  <!--[if mso | IE]></td></tr></table><![endif]-->
                 </td>
                </tr>
                <tr>
                 <td align="left" style="font-size: 0px; padding: 20px 0px 12px; word-break: break-word; border-width: 0px;">
                  <div style="font-family: -apple-system, BlinkMacSystemFont, 'Avenir Next', Avenir, 'Segoe UI', 'Helvetica Neue', Helvetica, Noto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 15px; font-weight: 600; line-height: 1.4; text-align: left; color: #262626;">
                   🚀  Product updates
                  </div>
                  <div style="font-family: -apple-system, BlinkMacSystemFont, 'Avenir Next', Avenir, 'Segoe UI', 'Helvetica Neue', Helvetica, Noto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 15px; line-height: 1.4; text-align: left; color: #656465;">
                  </div>
                 </td>
                </tr>
                <tr>
                 <td align="center" style="font-size: 0px; padding: 0px; word-break: break-word; border-width: 0px;">
                  <table cellspacing="0" role="presentation" style="border-collapse: collapse; border-spacing: 0px; border-width: 0px;">
                   <tbody>
                    <tr>
                     <td style="width: 550px; border-width: 0px; padding: 0px;">
                      <a data-hs-link-id="0" rel="noopener" target="_blank">
                       <img alt="Comprehensive Input Library" sizes="(max-width: 550px) 100vw, 550px" src="https://inboxflows.com/_/image/https%253A%252F%252Fhs-7660877.f.hubspotemail.net%252Fhub%252F7660877%252Fhubfs%252Fcompleted-inputs-library.png%253Fwidth%253D1100%2526upscale%253Dtrue%2526name%253Dcompleted-inputs-library.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZocy03NjYwODc3LiJ9:1miJK7:YbWvNzglGasH5Ynt8UawsNjjs9hkML3Vyn8kpjlvGbw" srcset="https://hs-7660877.f.hubspotemail.net/hub/7660877/hubfs/completed-inputs-library.png?upscale=true&amp;width=1100&amp;upscale=true&amp;name=completed-inputs-library.png 550w, https://hs-7660877.f.hubspotemail.net/hub/7660877/hubfs/completed-inputs-library.png?upscale=true&amp;width=2200&amp;upscale=true&amp;name=completed-inputs-library.png 1100w" style="border: 0; display: block; outline: none; text-decoration: none; height: auto; width: 100%; max-width: 550px; font-size: 13px;" width="550"/>
                      </a>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </td>
                </tr>
                <tr>
                 <td align="left" style="font-size: 0px; padding: 20px 0px 12px; word-break: break-word; border-width: 0px;">
                  <div style="font-family: -apple-system, BlinkMacSystemFont, 'Avenir Next', Avenir, 'Segoe UI', 'Helvetica Neue', Helvetica, Noto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 15px; line-height: 1.4; text-align: left; color: #656465;">
                   <strong>
                    <span style="color: #262626;">
                     Comprehensive Input Library
                    </span>
                   </strong>
                   —Our full set of rebuilt and redesigned input components are now live, including 35+ components for every data type, more robust validation support, and full keyboard accessibility. Check out
                   <a data-hs-link-id="1" rel="noopener" style="text-decoration: none; color: #3574e3;" target="_blank">
                    the blog
                   </a>
                   for more info. 👉
                  </div>
                 </td>
                </tr>
                <tr style="height: 26px;">
                 <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 26px; border-width: 0px;">
                  <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="36" style="height:36px;"><![endif]-->
                  <div style="height: 26px;">
                  </div>
                  <!--[if mso | IE]></td></tr></table><![endif]-->
                 </td>
                </tr>
                <tr style="height: 2px;">
                 <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 2px; border-width: 0px;">
                  <p style="margin-bottom: 1em; border-top: solid 1px #e5e5e5; font-size: 1px; margin: 0px auto; width: 100%;">
                  </p>
                 </td>
                </tr>
                <tr style="height: 36px;">
                 <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 36px; border-width: 0px;">
                  <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="36" style="height:36px;"><![endif]-->
                  <div style="height: 36px;">
                  </div>
                  <!--[if mso | IE]></td></tr></table><![endif]-->
                 </td>
                </tr>
                <tr>
                 <td align="center" style="font-size: 0px; padding: 0px; word-break: break-word; border-width: 0px;">
                  <table cellspacing="0" role="presentation" style="border-collapse: collapse; border-spacing: 0px; border-width: 0px;">
                   <tbody>
                    <tr>
                     <td style="width: 550px; border-width: 0px; padding: 0px;">
                      <a data-hs-link-id="0" rel="noopener" target="_blank">
                       <img alt="Upgrade Components" sizes="(max-width: 550px) 100vw, 550px" src="https://inboxflows.com/_/image/https%253A%252F%252Fhs-7660877.f.hubspotemail.net%252Fhub%252F7660877%252Fhubfs%252Fupgrade-components.jpeg%253Fwidth%253D1100%2526upscale%253Dtrue%2526name%253Dupgrade-components.jpeg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZocy03NjYwODc3LiJ9:1miJK7:YbWvNzglGasH5Ynt8UawsNjjs9hkML3Vyn8kpjlvGbw" srcset="https://hs-7660877.f.hubspotemail.net/hub/7660877/hubfs/upgrade-components.jpeg?upscale=true&amp;width=1100&amp;upscale=true&amp;name=upgrade-components.jpeg 550w, https://hs-7660877.f.hubspotemail.net/hub/7660877/hubfs/upgrade-components.jpeg?upscale=true&amp;width=2200&amp;upscale=true&amp;name=upgrade-components.jpeg 1100w" style="border: 0; display: block; outline: none; text-decoration: none; height: auto; width: 100%; max-width: 550px; font-size: 13px;" width="550"/>
                      </a>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </td>
                </tr>
                <tr>
                 <td align="left" style="font-size: 0px; padding: 20px 0px 12px; word-break: break-word; border-width: 0px;">
                  <div style="font-family: -apple-system, BlinkMacSystemFont, 'Avenir Next', Avenir, 'Segoe UI', 'Helvetica Neue', Helvetica, Noto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 15px; line-height: 1.4; text-align: left; color: #656465;">
                   <strong>
                    <span style="color: #262626;">
                     Upgrade Components
                    </span>
                   </strong>
                   —We’ve built two ways to upgrade components in existing applications to their new versions with a few clicks. Upgrade individual deprecated components directly from the Inspector, or click into the app actions menu to upgrade in bulk (you can always use ⌘+Z to undo changes). Reference our
                   <a data-hs-link-id="1" rel="noopener" style="text-decoration: none; color: #3574e3;" target="_blank">
                    docs
                   </a>
                   for the full details.📄
                  </div>
                 </td>
                </tr>
                <tr style="height: 20px;">
                 <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 20px; border-width: 0px;">
                  <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="36" style="height:36px;"><![endif]-->
                  <div style="height: 20px;">
                  </div>
                  <!--[if mso | IE]></td></tr></table><![endif]-->
                 </td>
                </tr>
                <tr style="height: 10px;">
                 <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 10px; border-width: 0px;">
                  <p style="margin-bottom: 1em; border-top: solid 1px #e5e5e5; font-size: 1px; margin: 0px auto; width: 100%;">
                  </p>
                 </td>
                </tr>
                <tr style="height: 36px;">
                 <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 36px; border-width: 0px;">
                  <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="36" style="height:36px;"><![endif]-->
                  <div style="height: 36px;">
                  </div>
                  <!--[if mso | IE]></td></tr></table><![endif]-->
                 </td>
                </tr>
                <tr>
                 <td align="center" style="font-size: 0px; padding: 0px; word-break: break-word; border-width: 0px;">
                  <table cellspacing="0" role="presentation" style="border-collapse: collapse; border-spacing: 0px; border-width: 0px;">
                   <tbody>
                    <tr>
                     <td style="width: 550px; border-width: 0px; padding: 0px;">
                      <a data-hs-link-id="0" linktext="  " rel="noopener" target="_blank">
                       <img alt="Create and Edit Resources in Your App" sizes="(max-width: 550px) 100vw, 550px" src="https://inboxflows.com/_/image/https%253A%252F%252Fhs-7660877.f.hubspotemail.net%252Fhub%252F7660877%252Fhubfs%252Fcreate-edit-resources.jpeg%253Fwidth%253D1100%2526upscale%253Dtrue%2526name%253Dcreate-edit-resources.jpeg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZocy03NjYwODc3LiJ9:1miJK7:YbWvNzglGasH5Ynt8UawsNjjs9hkML3Vyn8kpjlvGbw" srcset="https://hs-7660877.f.hubspotemail.net/hub/7660877/hubfs/create-edit-resources.jpeg?upscale=true&amp;width=1100&amp;upscale=true&amp;name=create-edit-resources.jpeg 550w, https://hs-7660877.f.hubspotemail.net/hub/7660877/hubfs/create-edit-resources.jpeg?upscale=true&amp;width=2200&amp;upscale=true&amp;name=create-edit-resources.jpeg 1100w" style="border: 0; display: block; outline: none; text-decoration: none; height: auto; width: 100%; max-width: 550px; font-size: 13px;" width="550"/>
                      </a>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </td>
                </tr>
                <tr>
                 <td align="left" style="font-size: 0px; padding: 20px 0px 12px; word-break: break-word; border-width: 0px;">
                  <div style="font-family: -apple-system, BlinkMacSystemFont, 'Avenir Next', Avenir, 'Segoe UI', 'Helvetica Neue', Helvetica, Noto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 15px; line-height: 1.4; text-align: left; color: #656465;">
                   <strong>
                    <span style="color: #262626;">
                     Create and Edit Resources in Your App
                    </span>
                   </strong>
                   —You can now view, edit, and create new resources without leaving your Retool apps! View the name of the default bucket of an S3 resource, add staging credentials to a Postgres database, or add a new header to your GraphQL resource directly in the query editor. Check out the full details in the
                   <a data-hs-link-id="1" rel="noopener" style="text-decoration: none; color: #3574e3;" target="_blank">
                    changelog
                   </a>
                   . 👉
                  </div>
                 </td>
                </tr>
                <tr style="height: 26px;">
                 <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 26px; border-width: 0px;">
                  <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="36" style="height:36px;"><![endif]-->
                  <div style="height: 26px;">
                  </div>
                  <!--[if mso | IE]></td></tr></table><![endif]-->
                 </td>
                </tr>
                <tr style="height: 2px;">
                 <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 2px; border-width: 0px;">
                  <p style="margin-bottom: 1em; border-top: solid 1px #e5e5e5; font-size: 1px; margin: 0px auto; width: 100%;">
                  </p>
                 </td>
                </tr>
                <tr style="height: 36px;">
                 <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 36px; border-width: 0px;">
                  <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="36" style="height:36px;"><![endif]-->
                  <div style="height: 36px;">
                  </div>
                  <!--[if mso | IE]></td></tr></table><![endif]-->
                 </td>
                </tr>
                <tr>
                 <td align="center" style="font-size: 0px; padding: 0px; word-break: break-word; border-width: 0px;">
                  <table cellspacing="0" role="presentation" style="border-collapse: collapse; border-spacing: 0px; border-width: 0px;">
                   <tbody>
                    <tr>
                     <td style="width: 550px; border-width: 0px; padding: 0px;">
                      <a data-hs-link-id="0" rel="noopener" target="_blank">
                       <img alt="Expanded Icon Library" sizes="(max-width: 550px) 100vw, 550px" src="https://inboxflows.com/_/image/https%253A%252F%252Fhs-7660877.f.hubspotemail.net%252Fhub%252F7660877%252Fhubfs%252Fexpanded-icon-library.png%253Fwidth%253D1100%2526upscale%253Dtrue%2526name%253Dexpanded-icon-library.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZocy03NjYwODc3LiJ9:1miJK7:YbWvNzglGasH5Ynt8UawsNjjs9hkML3Vyn8kpjlvGbw" srcset="https://hs-7660877.f.hubspotemail.net/hub/7660877/hubfs/expanded-icon-library.png?upscale=true&amp;width=1100&amp;upscale=true&amp;name=expanded-icon-library.png 550w, https://hs-7660877.f.hubspotemail.net/hub/7660877/hubfs/expanded-icon-library.png?upscale=true&amp;width=2200&amp;upscale=true&amp;name=expanded-icon-library.png 1100w" style="border: 0; display: block; outline: none; text-decoration: none; height: auto; width: 100%; max-width: 550px; font-size: 13px;" width="550"/>
                      </a>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </td>
                </tr>
                <tr>
                 <td align="left" style="font-size: 0px; padding: 20px 0px 12px; word-break: break-word; border-width: 0px;">
                  <div style="font-family: -apple-system, BlinkMacSystemFont, 'Avenir Next', Avenir, 'Segoe UI', 'Helvetica Neue', Helvetica, Noto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 15px; line-height: 1.4; text-align: left; color: #656465;">
                   <strong>
                    <span style="color: #262626;">
                     Expanded Icon Library
                    </span>
                   </strong>
                   —We now offer 3,400+ searchable icons with support for bold and outline styles. You’ll have access to this library anywhere you can set an icon in Retool. To use any of our old icons, choose the deprecated icon set. Check them out in the Inspector! 🔎
                   <br/>
                   <br/>
                   <a data-hs-link-id="2" rel="noopener" style="text-decoration: none; color: #3574e3;" target="_blank">
                    🛠 See everything we’ve shipped in the Retool changelog
                   </a>
                  </div>
                 </td>
                </tr>
                <tr style="height: 26px;">
                 <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 26px; border-width: 0px;">
                  <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="36" style="height:36px;"><![endif]-->
                  <div style="height: 26px;">
                  </div>
                  <!--[if mso | IE]></td></tr></table><![endif]-->
                 </td>
                </tr>
                <tr style="height: 2px;">
                 <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 2px; border-width: 0px;">
                  <p style="margin-bottom: 1em; border-top: solid 1px #e5e5e5; font-size: 1px; margin: 0px auto; width: 100%;">
                  </p>
                 </td>
                </tr>
                <tr>
                 <td align="center" style="font-size: 0px; padding: 0px; word-break: break-word; border-width: 0px;">
                  <table cellspacing="0" role="presentation" style="border-collapse: collapse; border-spacing: 0px; border-width: 0px;">
                   <tbody>
                    <tr style="height: 36px;">
                     <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 36px; border-width: 0px;">
                      <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="36" style="height:36px;"><![endif]-->
                      <div style="height: 36px;">
                      </div>
                      <!--[if mso | IE]></td></tr></table><![endif]-->
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size: 0px; padding: 0px; word-break: break-word; border-width: 0px;">
                      <div style="font-family: -apple-system, BlinkMacSystemFont, 'Avenir Next', Avenir, 'Segoe UI', 'Helvetica Neue', Helvetica, Noto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 15px; line-height: 1.4; text-align: left; color: #656465;">
                       <strong>
                        💡
                        <span style="color: #262626;">
                         Community Highlights
                        </span>
                       </strong>
                       <br/>
                       <span>
                       </span>
                       <span style="color: #262626;">
                        <span>
                        </span>
                       </span>
                      </div>
                      <div style="font-family: -apple-system, BlinkMacSystemFont, 'Avenir Next', Avenir, 'Segoe UI', 'Helvetica Neue', Helvetica, Noto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 15px; line-height: 1.4; text-align: left; color: #656465;">
                       <br/>
                       <div>
                        <div>
                         We’ve added a new
                         <a data-hs-link-id="0" rel="noopener" style="text-decoration: none; color: #3574e3;" target="_blank">
                          Tips and Tricks section
                         </a>
                         to the Retool forums. Check in periodically to level up your Retool skills and post a few of your own best practices or workarounds.
                        </div>
                        <div>
                        </div>
                        <div>
                         Joe from Bootstrapping Tools created a quick how-to video detailing how you can
                         <a data-hs-link-id="0" rel="noopener" style="text-decoration: none; color: #3574e3;" target="_blank">
                          connect your Firebase account to Retool
                         </a>
                         in just 10 minutes.
                        </div>
                        <div>
                        </div>
                        <div>
                         Sync Inc. wrote up a
                         <a data-hs-link-id="0" rel="noopener" style="text-decoration: none; color: #3574e3;" target="_blank">
                          tutorial for building a customer notification app in Retool
                         </a>
                         via SMS. It’s built on top of
                         <a data-hs-link-id="0" rel="noopener" style="text-decoration: none; color: #3574e3;" target="_blank">
                          their service
                         </a>
                         for syncing Twilio data to a Postgres DB.
                        </div>
                       </div>
                      </div>
                     </td>
                    </tr>
                    <tr style="height: 26px;">
                     <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 26px; border-width: 0px;">
                      <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="26" style="height:26px;"><![endif]-->
                      <div style="height: 26px;">
                      </div>
                      <!--[if mso | IE]></td></tr></table><![endif]-->
                     </td>
                    </tr>
                    <tr>
                     <td align="center" style="font-size: 0px; padding: 0px; word-break: break-word; border-width: 0px;">
                      <table cellspacing="0" role="presentation" style="border-collapse: collapse; border-spacing: 0px; border-width: 0px;">
                       <tbody>
                        <tr>
                         <td style="width: 550px; border-width: 0px; padding: 0px;">
                          <a data-hs-link-id="0" rel="noopener" target="_blank">
                           <img alt="The Toolshed Newsletter" sizes="(max-width: 550px) 100vw, 550px" src="https://inboxflows.com/_/image/https%253A%252F%252Fhs-7660877.f.hubspotemail.net%252Fhub%252F7660877%252Fhubfs%252Ftoolshed-screenshot.png%253Fwidth%253D1100%2526upscale%253Dtrue%2526name%253Dtoolshed-screenshot.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZocy03NjYwODc3LiJ9:1miJK7:YbWvNzglGasH5Ynt8UawsNjjs9hkML3Vyn8kpjlvGbw" srcset="https://hs-7660877.f.hubspotemail.net/hub/7660877/hubfs/toolshed-screenshot.png?upscale=true&amp;width=1100&amp;upscale=true&amp;name=toolshed-screenshot.png 550w, https://hs-7660877.f.hubspotemail.net/hub/7660877/hubfs/toolshed-screenshot.png?upscale=true&amp;width=2200&amp;upscale=true&amp;name=toolshed-screenshot.png 1100w" style="border: 0; display: block; outline: none; text-decoration: none; height: auto; width: 100%; max-width: 550px; font-size: 13px;" width="550"/>
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr style="height: 10px;">
                     <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 10px; border-width: 0px;">
                      <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="16" style="height:16px;"><![endif]-->
                      <div style="height: 10px;">
                      </div>
                      <!--[if mso | IE]></td></tr></table><![endif]-->
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size: 0px; padding: 0px; word-break: break-word; border-width: 0px;">
                      <div style="font-family: -apple-system, BlinkMacSystemFont, 'Avenir Next', Avenir, 'Segoe UI', 'Helvetica Neue', Helvetica, Noto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 15px; line-height: 1.4; text-align: left; color: #656465;">
                       <br/>
                       <div>
                        <div>
                         We recently launched The Toolshed, a new, bi-weekly newsletter for advanced Retool builders to share interesting posts from our forum, showcase cool Retool apps, and plug some great content you’ve been sharing into the wider ethers of the internet. To get on the mailing list, sign up for the
                         <a data-hs-link-id="1" rel="noopener" style="text-decoration: none; color: #3574e3;" target="_blank">
                          Retool Community
                         </a>
                         forums or request access to our
                         <a data-hs-link-id="0" rel="noopener" style="text-decoration: none; color: #3574e3;" target="_blank">
                          power users Slack group
                         </a>
                         .
                        </div>
                       </div>
                      </div>
                     </td>
                    </tr>
                    <tr style="height: 20px;">
                     <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 20px; border-width: 0px;">
                      <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="36" style="height:36px;"><![endif]-->
                      <div style="height: 20px;">
                      </div>
                      <!--[if mso | IE]></td></tr></table><![endif]-->
                     </td>
                    </tr>
                    <tr style="height: 2px;">
                     <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 2px; border-width: 0px;">
                      <p style="margin-bottom: 1em; border-top: solid 1px #e5e5e5; font-size: 1px; margin: 0px auto; width: 100%;">
                      </p>
                     </td>
                    </tr>
                    <tr style="height: 36px;">
                     <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 36px; border-width: 0px;">
                      <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="36" style="height:36px;"><![endif]-->
                      <div style="height: 36px;">
                      </div>
                      <!--[if mso | IE]></td></tr></table><![endif]-->
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size: 0px; padding: 0px; word-break: break-word; border-width: 0px;">
                      <div style="font-family: -apple-system, BlinkMacSystemFont, 'Avenir Next', Avenir, 'Segoe UI', 'Helvetica Neue', Helvetica, Noto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 15px; line-height: 1.4; text-align: left; color: #656465;">
                       <strong>
                        📚
                        <span style="color: #262626;">
                         Recommended Reading
                        </span>
                       </strong>
                       <br/>
                       <span>
                       </span>
                       <span style="color: #262626;">
                        <span>
                        </span>
                       </span>
                      </div>
                      <div style="font-family: -apple-system, BlinkMacSystemFont, 'Avenir Next', Avenir, 'Segoe UI', 'Helvetica Neue', Helvetica, Noto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 15px; line-height: 1.4; text-align: left; color: #656465;">
                       <br/>
                       <div>
                        <div>
                         If you’re in the market for a tool to better wrangle your MySQL data, we did some digging to identify the
                         <a data-hs-link-id="0" rel="noopener" style="text-decoration: none; color: #3574e3;" target="_blank">
                          top five MySQL GUI tools
                         </a>
                         , along with their respective limitations and best use cases.
                        </div>
                        <div>
                        </div>
                        <div>
                         Learn how Gonzalo Plaza, Data Lead at ThePowerMBA, built a
                         <a data-hs-link-id="0" rel="noopener" style="text-decoration: none; color: #3574e3;" target="_blank">
                          Retool app to visualize real time analytics
                         </a>
                         and automated away ~40 hours of monthly reporting work.
                        </div>
                        <div>
                        </div>
                        <div>
                         See how Amo Moloko, a tech lead at Tripplo,
                         <a data-hs-link-id="0" rel="noopener" style="text-decoration: none; color: #3574e3;" target="_blank">
                          centralized their PHP and React apps with Retool
                         </a>
                         to save 5 hours/week of engineering time and efficiently fulfill customer requests.
                        </div>
                        <div>
                        </div>
                        <div>
                         Got six minutes? Chris Smith, developer evangelist at Retool, walked us through a step-by-step guide on how to quickly
                         <a data-hs-link-id="0" rel="noopener" style="text-decoration: none; color: #3574e3;" target="_blank">
                          create a Firebase admin panel
                         </a>
                         from scratch.
                        </div>
                       </div>
                      </div>
                     </td>
                    </tr>
                    <tr style="height: 16px;">
                     <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 16px; border-width: 0px;">
                      <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="16" style="height:16px;"><![endif]-->
                      <div style="height: 16px;">
                      </div>
                      <!--[if mso | IE]></td></tr></table><![endif]-->
                     </td>
                    </tr>
                    <tr style="height: 16px;">
                     <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 16px; border-width: 0px;">
                      <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="36" style="height:36px;"><![endif]-->
                      <div style="height: 16px;">
                      </div>
                      <!--[if mso | IE]></td></tr></table><![endif]-->
                     </td>
                    </tr>
                    <tr style="height: 2px;">
                     <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 2px; border-width: 0px;">
                      <p style="margin-bottom: 1em; border-top: solid 1px #e5e5e5; font-size: 1px; margin: 0px auto; width: 100%;">
                      </p>
                     </td>
                    </tr>
                    <tr style="height: 16px;">
                     <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 16px; border-width: 0px;">
                      <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="36" style="height:36px;"><![endif]-->
                      <div style="height: 16px;">
                      </div>
                      <!--[if mso | IE]></td></tr></table><![endif]-->
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size: 0px; padding: 20px 0px 12px; word-break: break-word; border-width: 0px;">
                      <div style="font-family: -apple-system, BlinkMacSystemFont, 'Avenir Next', Avenir, 'Segoe UI', 'Helvetica Neue', Helvetica, Noto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 15px; line-height: 1.4; text-align: left; color: #656465;">
                       That's all for this month. As always, if you need anything (or just want to say hello), feel free to hit reply.
                       <br/>
                       <br/>
                       Kiersten Nordin
                       <br/>
                       PMM @ Retool
                      </div>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </td>
                </tr>
               </tbody>
              </table>
              <!--[if mso | IE]></td></tr></table><![endif]-->
             </td>
            </tr>
           </tbody>
          </table>
         </div>
        </td>
       </tr>
      </tbody>
     </table>
    </div>
   </div>
   <!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
   <div style="margin:0px auto;max-width:600px;">
    <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
     <tbody>
      <tr>
       <td style="direction:ltr;font-size:0px;padding:24px 48px;text-align:center;">
        <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:504px;" ><![endif]-->
        <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
         <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
          <tbody>
           <tr>
            <td style="vertical-align:top;padding:0;">
             <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
              <tbody>
               <tr>
                <td align="center" style="font-size:0px;padding:0;word-break:break-word;">
                 <div style="font-family:-apple-system, BlinkMacSystemFont, 'Avenir Next', Avenir, 'Segoe UI', 'Helvetica Neue', Helvetica, Noto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';font-size:13px;line-height:18px;text-align:center;color:#979797;">
                  <span class="grey-link footer-company">
                   ©
                   <a class="grey-link hubspot-mergetag" data-hs-link-id="0" style="color: #979797;text-decoration: none;" target="_blank">
                    Retool, Inc.
                   </a>
                  </span>
                  <span class="grey-link footer-address">
                   <a class="grey-link hubspot-mergetag" data-hs-link-id="0" style="color: #979797;text-decoration: none;" target="_blank">
                    292 Ivy St. San Francisco, CA 94102
                   </a>
                  </span>
                 </div>
                </td>
               </tr>
               <tr>
                <td align="center" style="font-size:0px;padding:0;word-break:break-word;">
                 <div style="font-family:-apple-system, BlinkMacSystemFont, 'Avenir Next', Avenir, 'Segoe UI', 'Helvetica Neue', Helvetica, Noto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';font-size:13px;line-height:18px;text-align:center;color:#979797;">
                  <span class="footer-address">
                   <a class="grey-link hubspot-mergetag" data-hs-link-id="0" data-unsubscribe="true" style="color: #979797;text-decoration: none;" target="_blank">
                    Update Email Preferences
                   </a>
                  </span>
                  <span class="footer-bullet">
                   ·
                  </span>
                  <span class="footer-address">
                   <a class="grey-link hubspot-mergetag" data-hs-link-id="0" data-unsubscribe="true" style="color: #979797;text-decoration: none;" target="_blank">
                    Unsubscribe
                   </a>
                  </span>
                 </div>
                </td>
               </tr>
              </tbody>
             </table>
            </td>
           </tr>
          </tbody>
         </table>
        </div>
        <!--[if mso | IE]></td></tr></table><![endif]-->
       </td>
      </tr>
     </tbody>
    </table>
   </div>
   <!--[if mso | IE]></td></tr></table><![endif]-->
  </div>
  <img alt="" border="0" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252FcWGb504.na1.hubspotlinks.com%252FBto%252FLY%252B113%252FcWGb504%252FVVNB8w1rBjLrV128xy2BB4YSW5j5c_V4zrMyVW1CRsKF8fYFPK2l71/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjV0diNTA0Lm5hMSJ9:1miJK7:CD6eJnCorDsEllEebttCQ4yBV-OPEgvcRTLV7djt99A" style="display:none!important;min-height:1px!important;width:1px!important;border-width:0!important;margin-top:0!important;margin-bottom:0!important;margin-right:0!important;margin-left:0!important;padding-top:0!important;padding-bottom:0!important;padding-right:0!important;padding-left:0!important" width="1"/>
 </body>
</html>