---
title: Components for product subscription extensions
description: Get familiar with the list of components that Shopify provides for building product subscription extensions.
source_url:
  html: https://shopify.dev/docs/api/product-subscription-extensions/components
  md: https://shopify.dev/docs/api/product-subscription-extensions/components.md
---

# Components for product subscription extensions

**Deprecated:**

Product subscription app extensions won't be supported as of August 10, 2026. You should migrate existing product subscription app extensions to [purchase options extensions](https://shopify.dev/docs/apps/build/purchase-options/purchase-options-extensions).

Each component has general guidelines for usage as well as additional information regarding the behavior on certain platforms.

* 📱 denotes mobile specific information

* 🖥 denotes desktop specific information

  * [Badge](https://shopify.dev/docs/api/product-subscription-extensions/components/badge)
  * [Banner](https://shopify.dev/docs/api/product-subscription-extensions/components/banner)
  * [BlockStack](https://shopify.dev/docs/api/product-subscription-extensions/components/blockstack)
  * [Button](https://shopify.dev/docs/api/product-subscription-extensions/components/button)
  * [Card](https://shopify.dev/docs/api/product-subscription-extensions/components/card)
  * [CardSection](https://shopify.dev/docs/api/product-subscription-extensions/components/cardsection)
  * [Checkbox](https://shopify.dev/docs/api/product-subscription-extensions/components/checkbox)
  * [Heading](https://shopify.dev/docs/api/product-subscription-extensions/components/heading)
  * [Icon](https://shopify.dev/docs/api/product-subscription-extensions/components/icon)
  * [InlineStack](https://shopify.dev/docs/api/product-subscription-extensions/components/inlinestack)
  * [Link](https://shopify.dev/docs/api/product-subscription-extensions/components/link)
  * [Modal](https://shopify.dev/docs/api/product-subscription-extensions/components/modal)
  * [OptionList](https://shopify.dev/docs/api/product-subscription-extensions/components/optionlist)
  * [Pressable](https://shopify.dev/docs/api/product-subscription-extensions/components/pressable)
  * [Radio](https://shopify.dev/docs/api/product-subscription-extensions/components/radio)
  * [ResourceItem](https://shopify.dev/docs/api/product-subscription-extensions/components/resourceitem)
  * [ResourceList](https://shopify.dev/docs/api/product-subscription-extensions/components/resourcelist)
  * [Select](https://shopify.dev/docs/api/product-subscription-extensions/components/select)
  * [Spinner](https://shopify.dev/docs/api/product-subscription-extensions/components/spinner)
  * [StackItem](https://shopify.dev/docs/api/product-subscription-extensions/components/stackitem)
  * [Text](https://shopify.dev/docs/api/product-subscription-extensions/components/text)
  * [TextBlock](https://shopify.dev/docs/api/product-subscription-extensions/components/textblock)
  * [TextField](https://shopify.dev/docs/api/product-subscription-extensions/components/textfield)
  * [Thumbnail](https://shopify.dev/docs/api/product-subscription-extensions/components/thumbnail)

***