---
title: Polaris
description: Learn about Polaris, a toolkit for integrating with all Shopify surfaces, including Shopify admin, checkout, customer accounts, and POS.
api_name: polaris
source_url:
  html: https://shopify.dev/docs/api/polaris
  md: https://shopify.dev/docs/api/polaris.md
---

# Polaris

Polaris is a single UI framework that makes it simple to integrate with all Shopify surfaces, including Shopify admin, checkout, customer accounts, and POS. Built on web platform standards and web components with consistent and familiar APIs and props, Polaris lets you write highly-performant, HTML-like code that works with any framework. Read more about the new unified Polaris experience on the [Shopify developer blog](https://www.shopify.com/partners/blog/polaris-goes-stable-the-future-of-shopify-app-development-is-here).

![App home](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/apps/polaris/polaris-embedded-apps-DNMxeaTr.png)![App home](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/apps/polaris/polaris-embedded-apps-dark-X7QITCBO.png)

#### App home

Build your app's primary user interface embedded in the Shopify admin.

[Get started](https://shopify.dev/docs/api/app-home)[Polaris web components](https://shopify.dev/docs/api/app-home/polaris-web-components)

![Admin UI extensions](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/apps/polaris/polaris-ui-extensions-2r416Wjn.png)![Admin UI extensions](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/apps/polaris/polaris-ui-extensions-dark-BrsrlBUK.png)

#### Admin UI extensions

Add custom actions and blocks from your app at contextually relevant spots throughout the Shopify admin.

[Get started](https://shopify.dev/docs/api/admin-extensions/latest)[Polaris web components](https://shopify.dev/docs/api/admin-extensions/latest/polaris-web-components)

![Checkout UI extensions](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/apps/polaris/polaris-checkout-ui-_DFWLokp.png)![Checkout UI extensions](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/apps/polaris/polaris-checkout-ui-dark-BkOFxIai.png)

#### Checkout UI extensions

Build custom functionality that merchants can install at defined points in the checkout flow, including product information, shipping, payment, order summary, and Shop Pay.

[Get started](https://shopify.dev/docs/api/checkout-ui-extensions/latest)[Polaris web components](https://shopify.dev/docs/api/checkout-ui-extensions/latest/components)

![Customer account UI extensions](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/apps/polaris/polaris-customer-accounts-CSvTf-Cs.png)![Customer account UI extensions](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/apps/polaris/polaris-customer-accounts-dark-C0q3y6CO.png)

#### Customer account UI extensions

Build custom functionality that merchants can install at defined points on the Order index, Order status, and Profile pages in customer accounts.

[Get started](https://shopify.dev/docs/api/customer-account-ui-extensions)[Polaris web components](https://shopify.dev/docs/api/customer-account-ui-extensions/polaris-web-components)

![POS UI extensions](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/apps/polaris/polaris-pos-Cq0JDOy5.png)![POS UI extensions](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/apps/polaris/polaris-pos-dark-CDs-ch4A.png)

#### POS UI extensions

Build custom functionality that merchants can install at defined points on the POS app.

[Get started](https://shopify.dev/docs/api/pos-ui-extensions/latest)[Polaris web components](https://shopify.dev/docs/api/pos-ui-extensions/latest/polaris-web-components)

## Resources

[![](https://shopify.dev/images/icons/64/forums.png)![](https://shopify.dev/images/icons/64/forums-dark.png)](https://community.shopify.dev/c/polaris/29)

#### [Developer forums](https://community.shopify.dev/c/polaris/29)

[Connect with the Shopify community to ask questions and share your feedback.](https://community.shopify.dev/c/polaris/29)

[![](https://shopify.dev/images/icons/64/clicode.png)![](https://shopify.dev/images/icons/64/clicode-dark.png)](https://shopify.dev/docs/api/polaris/using-mcp)

#### [Model Context Protocol (MCP)](https://shopify.dev/docs/api/polaris/using-mcp)

[Get AI-powered assistance with Polaris components and patterns through MCP-enabled development environments.](https://shopify.dev/docs/api/polaris/using-mcp)