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

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 10 typography

Learn about what changes are coming to Polaris typography.

Read post
A list showcasing the new font sizes in Polaris

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