Make the new normal — Shopify's design team and philosophy on the craft of commerce.
npx design-bites add shopify.design
UI Beats
Supercharge your UI with UI Beats! Reusable components crafted with React, TypeScript, Tailwind CSS, and Framer Motion for dynamic, responsive interfaces.
CallToInspiration
Call for inspiration using the purple hat for when you have inspiration blocks or need fresh new ideas. A great tool created by a deisnger for web professionals.
Foley
A JavaScript library of 28 UI interaction sounds synthesized in the browser without audio files or dependencies.
Tokens captured from Shopify Design — palette, type, and components rendered live.
Sampled from CSS custom properties, body styles, and surface luminance.
Captured fonts and scale, rendered with system fallbacks.
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
