Shopify Polaris
🍀 Directory Note
"The only real choice for apps that live inside Shopify, and a platform system in transition: web components are the present, the React library is the past."
About Shopify Polaris
Polaris is Shopify's design system, and Shopify describes the current version as its unified UI framework built on web components: every app surface in the Shopify platform uses it, so an app built with Polaris looks and behaves like the admin around it. The surfaces are App Home (an app's main page inside the Shopify admin), extension points in the admin, checkout, and customer accounts, and Point of Sale. Current documentation lives on shopify.dev.
The system's history splits in two. Polaris began in 2017 as a React component library, @shopify/polaris, developed in a public monorepo alongside design tokens, an icon set, a VS Code extension, and stylelint rules. On October 1, 2025, Shopify released Polaris Web Components for Shopify app development and deprecated the React library: the old repository is archived and unmaintained, kept available for historical purposes, and Shopify directs app developers to the web components for new development. The web components are technology-agnostic by design, working with any framework, plain JavaScript, and server-rendered sites, which is the practical reason for the switch.
One limit defines the system: the license. The Polaris React source code sits under a custom license based on MIT (LICENSE.md, checked October 2026) that restricts its use to applications that integrate or interoperate with Shopify software or services, and adds that external, stand-alone applications not embedded in Shopify must be dissimilar and visually distinct from Shopify products, as determined by Shopify in its sole discretion. Icons and images are licensed separately under the Polaris Design Guidelines License Agreement. This review did not find a separate license file for Polaris Web Components, so check shopify.dev for their terms before relying on them. Polaris is therefore not a general-purpose UI library you can lift into an unrelated product; it is the house system for one platform, and it is the right choice exactly when your app ships inside that platform.
Primary Use Cases
- 1Shopify App Development (App Home in the admin)
- 2Admin, checkout, and customer-account extensions
- 3Point of Sale app interfaces
- 4Embedded commerce tools that must match the Shopify admin
Technical Data
Guidelines
Polaris on shopify.dev (current documentation); polaris.shopify.com routes to the Polaris references
Current implementation
Polaris Web Components, released October 1, 2025; framework-agnostic, works with plain JavaScript and server-rendered sites
Legacy implementation
Polaris React (@shopify/polaris on npm), deprecated; its GitHub repository is archived and unmaintained
Surfaces
App Home in the Shopify admin, admin extension points, checkout and customer accounts, Point of Sale
Companion packages (legacy monorepo)
polaris-tokens, polaris-icons, polaris-for-vscode, stylelint-polaris
License
Custom license based on MIT (LICENSE.md in the Polaris React repository and the @shopify/polaris-icons package, checked October 2026): use only for applications that integrate or interoperate with Shopify; stand-alone apps not embedded in Shopify must be dissimilar and visually distinct from Shopify products, as determined by Shopify; icons and images under the Polaris Design Guidelines License Agreement, linked from the archived README as polaris.shopify.com/legal/license (that URL now redirects to the shopify.dev Polaris docs, checked October 2026)
Source
github.com/Shopify/polaris-react-archive (archived React repository, created April 2017)
Editorial review
Polaris is Shopify's design system for software that runs inside Shopify itself. Shopify now describes it as a unified UI framework built on web components, used across every app surface on the platform: App Home inside the admin, extension points in the admin, checkout, and customer accounts, and Point of Sale. If you are building a Shopify app, this is not one option among many; it is the system your interface is expected to be built with, and matching the surrounding admin is most of the value.
The 2025 pivot: React out, web components in Polaris started in 2017 as a React library, @shopify/polaris, built in a public monorepo with companion packages for tokens, icons, a VS Code extension, and stylelint rules. On October 1, 2025, Shopify released Polaris Web Components for app development and deprecated the React library in the same move. The old repository is archived and unmaintained, available for historical purposes, and Shopify directs developers to the web components for new work. Current documentation lives on shopify.dev, not in the old repo.
The reason Shopify gives is reach: web components are technology-agnostic, working with every framework, plain JavaScript, and server-rendered sites, where the React library only served React apps. For a platform whose third-party developers build on every stack, that is a sound trade, and it mirrors where platform UI is heading generally: the host platform ships components, and apps compose them.
What this means if you maintain a Polaris React app Your library still runs, but it is finished: no updates, no maintenance, and no path to the current admin look through React. New development belongs on the web components, and a serious maintenance budget now includes migration planning rather than version bumps. The component names and patterns carry over conceptually, but the implementation model changes from React props to web-component elements and attributes, so treat it as a rebuild of the view layer, not a find-and-replace.
The catch: it only makes sense inside Shopify Polaris is not a general-purpose library with a commerce theme. Its source license is a custom license based on MIT that restricts use to applications that integrate or interoperate with Shopify software or services, requires stand-alone apps outside Shopify to be visually distinct from Shopify products, and leaves icons and images to the separate Polaris Design Guidelines License Agreement. A team building an unrelated SaaS dashboard cannot adopt Polaris the way it could adopt Carbon or Ant Design, and should not try: the components are shaped for Shopify's surfaces, naming, and workflows, and outside that context you get the constraints without the payoff.
Bottom line Building for Shopify? Use Polaris Web Components, start from the shopify.dev documentation, and plan any remaining React surface as legacy. Studying design systems from outside the platform? Polaris is still worth reading as the clearest example of a platform house system, and of a maintainer retiring a framework library in favour of web components, but borrow the patterns, not the code.
Directory Analysis & Suitability
Key Advantages
- Purpose-built for Shopify app surfaces: App Home, admin, checkout, and customer-account extensions, and Point of Sale
- Web components work with any framework, plain JavaScript, and server-rendered sites, so the stack choice stays open
- One platform-wide system: apps match the Shopify admin merchants already know, with no visual translation work
Considerations
- The custom license restricts Polaris to apps that integrate with Shopify; it is not licensed for unrelated products
- Polaris React is deprecated and its repository archived, so existing React apps face a migration, not an upgrade
- The look is Shopify's admin look; a distinct brand identity is not what the system is for
Platform Compatibility
Web Environment
Primary surface, inside the Shopify admin. Polaris Web Components are the current implementation; documentation is on shopify.dev.
Mobile & Touch
Covered through the Point of Sale surface and responsive admin patterns rather than a separate native library.
Desktop Software
The admin is a desktop-first, data-dense workspace, and Polaris components are shaped for it.