A starter kit
for reimagining
commerce.
Our design system helps us work together to build a great experience for all of Shopify’s merchants.
Foundations
Our design foundations offer fundamental design elements and guidance for creating good merchant experiences.
Components
Components are reusable building blocks made of interface elements and styles, packaged through code. Piece them together, improve them, and create new ones to solve merchant problems.
Tokens
Design tokens are coded names that represent design decisions for elements like color, spacing, and typography. Applying them to our designs unifies merchant experiences.
Icons
The Polaris icon library has 400+ carefully designed icons focused on commerce and entrepreneurship. Use them as visual aids to help merchants complete tasks.
Polaris for VS Code
Automatic autocompletion for Polaris tokens, right inside your favorite code editor.
We've made some improvements to our website to help you build more efficiently with Polaris.