Skip to content
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.

A sketch of the Accessibility icon. The image is tinted in shades of green.
  • Vue
  • 150+ Components
  • 750+ Icons
  • Accessible
  • Extensible
  • 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.