<div class="callout">
  <figure
    class="app-icon large-icon safari-preview-icon"
    aria-hidden="true"
    data-hires-status="pending"
  ></figure>
  <h4>Safari Technology Preview</h4>
  <p class="margin-bottom-small">
    Get a sneak peek at upcoming web technologies in macOS and iOS with
    <a href="/safari/technology-preview/" class="nowrap"
      >Safari Technology Preview</a
    >
    and experiment with these technologies in your websites and extensions.
  </p>
  <ul class="links small">
    <li class="dmg" data-hires-status="pending">
      <a
        class="inline"
        href="https://secure-appldnld.apple.com/STP/012-57606-20220824-F8A58F03-EAE7-4741-A1A4-4B13388819FD/SafariTechnologyPreview.dmg"
        >Safari Technology Preview<br />for macOS&nbsp;Ventura</a
      ><br /><span class="smaller lighter nowrap nowrap-small"
        >Requires macOS&nbsp;13 beta</span
      >
    </li>
    <li class="dmg margin-top-small" data-hires-status="pending">
      <a
        class="inline"
        href="https://secure-appldnld.apple.com/STP/012-56204-20220824-0BA2352E-A387-4BF9-964C-59A63B09E501/SafariTechnologyPreview.dmg"
        >Safari Technology Preview<br />for macOS&nbsp;Monterey</a
      ><br /><span class="smaller lighter"
        >Requires macOS&nbsp;12.3 or later</span
      >
    </li>
    <li class="document margin-top-small" data-hires-status="pending">
      <a href="/safari/technology-preview/release-notes/">Release Notes</a>
    </li>
  </ul>
  <div class="row gutter text-left">
    <div class="column">
      <p class="sosumi no-margin-bottom margin-top-small">Release</p>
      <p class="smaller lighter no-margin">152</p>
    </div>
    <div class="column">
      <p class="sosumi no-margin-bottom margin-top-small">Posted</p>
      <p class="smaller lighter no-margin">August 24, 2022</p>
    </div>
  </div>
</div>
