<div class="callout">
  <figure
    class="app-icon large-icon safari-preview-icon"
    aria-hidden="true"></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">
      <a
        class="inline"
        href="https://secure-appldnld.apple.com/STP/012-30324-20220621-99D72AEC-A0E2-4B48-8AC0-B567E3FD046B/SafariTechnologyPreview.dmg"
        >Safari Technology Preview for macOS&nbsp;Ventura</a><br /><span class="smaller lighter nowrap nowrap-small"
        >Requires macOS&nbsp;13 beta.</span>
    </li>
    <li class="dmg">
      <a
        class="inline"
        href="https://secure-appldnld.apple.com/STP/012-15389-20220621-FA8B8AC9-0442-432C-80B6-6016AB193FCA/SafariTechnologyPreview.dmg"
        >Safari Technology Preview for macOS&nbsp;Monterey</a><br /><span class="smaller lighter"
        >Requires macOS&nbsp;12.3 or later.</span>
    </li>
    <li class="document">
      <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">147</p>
    </div>
    <div class="column">
      <p class="sosumi no-margin-bottom margin-top-small">Posted</p>
      <p class="smaller lighter no-margin">June 21, 2022</p>
    </div>
  </div>
</div>
