Skip to content

Commit 9f1ca8a

Browse files
Aubronkyledurand
andauthored
Deprecate Polaris-react (#14109)
## Summary * Adds new deprecation information to README.md, indicating deprecation. * Updates polaris-react.shopify.com to include a link to the released (as of merge) Polaris Web Component documentation. * Updates hero section to include deprecation notice, removes call to action <img width="1270" height="818" alt="Screenshot 2025-09-30 at 6 58 42 AM" src="https://github.com/user-attachments/assets/39366a99-37d9-4cae-8d7d-40ca0f242bdc" /> --------- Co-authored-by: Kyle Durand <[email protected]>
1 parent 71e4a2b commit 9f1ca8a

File tree

4 files changed

+20
-18
lines changed

4 files changed

+20
-18
lines changed

.changeset/tall-doors-attend.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
---
2+
---

README.md

Lines changed: 13 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,19 @@
1-
<div align="center">
2-
<a href="https://polaris.shopify.com">
3-
<img
4-
src="https://github.com/Shopify/polaris/blob/main/documentation/readme.png?raw=true"
5-
alt=""
6-
/>
7-
</a>
8-
</div>
1+
# Polaris React (⚠️ Deprecated)
92

10-
# Polaris React
3+
[![storybook](https://shields.io/badge/storybook-grey?logo=storybook&style=flat)](https://storybook.polaris.shopify.dev) [![npm version](https://img.shields.io/npm/v/@shopify/polaris.svg?label=@shopify/polaris)](https://www.npmjs.com/package/@shopify/polaris) [![CI](https://github.com/shopify/polaris/workflows/CI/badge.svg)](https://github.com/Shopify/polaris/actions?query=branch%3Amain)
114

12-
> Build. Contribute. Evolve. Shape the merchant experience for Shopify’s core product, the admin.
5+
The **Shopify Polaris React library** is deprecated.
6+
We are no longer accepting contributions or feature requests in this repository.
7+
8+
On October 1, 2025, we released our [Polaris Web Components](https://shopify.dev/docs/api/app-home/polaris-web-components) for Shopify app development. We encourage Shopify App developers to adopt Polaris Web Components for new development.
9+
10+
This repository will remain available for historical purposes, but it will not receive updates or maintenance.
11+
12+
## Why Web Components?
13+
14+
Polaris Web Components provide a more **technology-agnostic foundation**.
15+
They are framework-independent and can be used in **React, Vue, Next.js, plain JavaScript, or even server-rendered stacks like Rails or PHP**. This enables more Shopify App developers across more platforms to use Polaris.
1316

14-
[![storybook](https://shields.io/badge/storybook-grey?logo=storybook&style=flat)](https://storybook.polaris.shopify.dev) [![npm version](https://img.shields.io/npm/v/@shopify/polaris.svg?label=@shopify/polaris)](https://www.npmjs.com/package/@shopify/polaris) [![CI](https://github.com/shopify/polaris/workflows/CI/badge.svg)](https://github.com/Shopify/polaris/actions?query=branch%3Amain) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/Shopify/polaris/blob/main/.github/CONTRIBUTING.md#your-first-pull-request)
1517

1618
## About this repo
1719

polaris.shopify.com/src/components/Frame/Frame.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -96,10 +96,10 @@ function Frame({darkMode, children}: Props) {
9696
<>
9797
<div className={styles.PolarisUnifiedCta}>
9898
<div>
99-
<a href="https://shopify.dev/beta/next-gen-dev-platform/polaris">
99+
<a href="https://shopify.dev/docs/api/app-home/polaris-web-components">
100100
{icons.Polaris()}
101-
<strong>Introducing Polaris</strong> - Unified and for the web.{' '}
102-
<span className={styles.ReleaseCandidate}>Release Candidate</span>
101+
<strong>Introducing Polaris Web Components</strong>{' '}
102+
<span className={styles.ReleaseCandidate}>Now Released</span>
103103
<Icon source={ArrowRightIcon} />
104104
</a>
105105
</div>

polaris.shopify.com/src/components/HomePage/HomePage.tsx

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -10,15 +10,13 @@ function HomePage({}: Props) {
1010
<Page>
1111
<div className={styles.HomePage}>
1212
<PageMeta description="A starter kit for reimagining commerce." />
13-
1413
<div className={styles.Hero}>
1514
<div className={styles.Text}>
1615
<h1>
17-
<span>Build.</span> <span>Contribute.</span> <span>Evolve.</span>
16+
<span>Polaris</span> <span>Design System</span> <span>for React</span>
1817
</h1>
1918
<p>
20-
Shape the merchant experience for Shopify’s core product, the
21-
admin.
19+
(Deprecated)
2220
</p>
2321
</div>
2422
</div>

0 commit comments

Comments
 (0)