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.
- 150+ Components
- 750+ Icons
- Design Token Support
- Made for the world
- Open source
Meteor in 2024 and beyond – Design Tokens, Vue 3 and more – our road to the future of commerce.
Check out these practical guides to help you understand how to design for Shopware.
Learn how to apply and adhere to Shopware's visual identity.
Explore our tone of voice and the mechanics of our grammar and style.
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.
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.