Post-purchase extensions provide many powerful UI components that a
  [rendering extension](/docs/api/checkout-extensions/post-purchase/api#renderextension) can
  use to build an interface. This UI is rendered natively by Shopify, so you
  can depend on it to be performant, accessible, and work in all of checkout’s
  supported browsers.

The following components are available as part of
  post-purchase extensions for checkout, but make sure that you check the
  documentation for your [extension point](/docs/api/checkout-extensions/post-purchase#extension-points)
  to ensure the component is available in the extension points you are
  targeting.

<ul style="column-count: auto;column-width: 12rem;">
<li><a href="/docs/api/checkout-extensions/post-purchase/components/banner">Banner</a></li>
<li><a href="/docs/api/checkout-extensions/post-purchase/components/blockstack">BlockStack</a></li>
<li><a href="/docs/api/checkout-extensions/post-purchase/components/bookend">Bookend</a></li>
<li><a href="/docs/api/checkout-extensions/post-purchase/components/button">Button</a></li>
<li><a href="/docs/api/checkout-extensions/post-purchase/components/buttongroup">ButtonGroup</a></li>
<li><a href="/docs/api/checkout-extensions/post-purchase/components/buyerconsent">BuyerConsent</a></li>
<li><a href="/docs/api/checkout-extensions/post-purchase/components/calloutbanner">CalloutBanner</a></li>
<li><a href="/docs/api/checkout-extensions/post-purchase/components/checkbox">Checkbox</a></li>
<li><a href="/docs/api/checkout-extensions/post-purchase/components/form">Form</a></li>
<li><a href="/docs/api/checkout-extensions/post-purchase/components/formlayout">FormLayout</a></li>
<li><a href="/docs/api/checkout-extensions/post-purchase/components/heading">Heading</a></li>
<li><a href="/docs/api/checkout-extensions/post-purchase/components/headinggroup">HeadingGroup</a></li>
<li><a href="/docs/api/checkout-extensions/post-purchase/components/hiddenforaccessibility">HiddenForAccessibility</a></li>
<li><a href="/docs/api/checkout-extensions/post-purchase/components/image">Image</a></li>
<li><a href="/docs/api/checkout-extensions/post-purchase/components/inlinestack">InlineStack</a></li>
<li><a href="/docs/api/checkout-extensions/post-purchase/components/layout">Layout</a></li>
<li><a href="/docs/api/checkout-extensions/post-purchase/components/link">Link</a></li>
<li><a href="/docs/api/checkout-extensions/post-purchase/components/radio">Radio</a></li>
<li><a href="/docs/api/checkout-extensions/post-purchase/components/select">Select</a></li>
<li><a href="/docs/api/checkout-extensions/post-purchase/components/separator">Separator</a></li>
<li><a href="/docs/api/checkout-extensions/post-purchase/components/spinner">Spinner</a></li>
<li><a href="/docs/api/checkout-extensions/post-purchase/components/text">Text</a></li>
<li><a href="/docs/api/checkout-extensions/post-purchase/components/textblock">TextBlock</a></li>
<li><a href="/docs/api/checkout-extensions/post-purchase/components/textcontainer">TextContainer</a></li>
<li><a href="/docs/api/checkout-extensions/post-purchase/components/textfield">TextField</a></li>
<li><a href="/docs/api/checkout-extensions/post-purchase/components/tiles">Tiles</a></li>
<li><a href="/docs/api/checkout-extensions/post-purchase/components/view">View</a></li>
<li><a href="/docs/api/checkout-extensions/post-purchase/components/visuallyhidden">VisuallyHidden</a></li>
</ul>