Open-Source

Meteor design system.

Build the extraordinary.

Meteor is Shopware’s open-source design system that drives our commerce solutions. Extend and customise every aspect of Shopware – create elegant, delightful, and accessible experiences. There are no limits to your imagination.

For designers.For developers.

Dennis

Jessica

• Vue
• 150+ Components
• 750+ Icons
• Accessible
• Extensible
• Design Token Support
• Made for the world
• Open source

New

Meteor in 2024 and beyond – Design Tokens, Vue 3 and more – our road to the future of commerce.

Read what’s next

Guides

Check out these practical guides to help you understand how to design for Shopware.

• Shopware Design Principles ->
• Accessibility ->
• Human-AI interactions ->

Brand

Learn how to apply and adhere to Shopware's visual identity.

• Explore our brand ->

Content

Explore our tone of voice and the mechanics of our grammar and style.

• Explore content guideance ->

Access our assets

At Shopware, Figma is our go-to platform for crafting a seamless design experience. Our Figma libraries and files for administration and storefront, including icon kits and tools, are easily accessible via our Figma community page. Each component is carefully documented with regular updates, ensuring alignment with our evolving platform.

Figma libraries

Our Figma libraries contains the latest foundations, components, and patterns. You’ll find all of them in our Figma community profile.

Inter font

Meteor requires you to use the Inter font designed by Rasmus Andersson.

Content guide

Learn the tone of voice and the common grammar of our software.

Logo library

Learn how to use our logo correctly.