Skip to contentShopify logoPolaris
  • What’s new
  • Getting started
  • Foundations
  • Design
  • Content
  • Patterns
  • Components
  • Tokens
  • Icons
  • Contributing
  • Tools
  • Version guides
  • Coming soon

Build. Contribute. Evolve.

Shape the merchant experience for Shopify’s core product, the admin.

Foundations

Fundamental design guidance for creating quality admin experiences

Components

Reusable elements and styles, packaged through code, for building admin interfaces

Tokens

Coded names that represent design decisions for color, spacing, typography, and more

Icons

Over 400 carefully designed icons focused on commerce and entrepreneurship

New Version 12

Learn how to upgrade to Polaris' new design language.

Read post
Polaris v12

Polaris for VS Code

Autocompletion for Polaris tokens, right inside your favorite code editor

Install
Screen shot of the Polaris VS Code extension actively autocompleting the value of a background CSS rule with the surface success design token.

Leave feedback