Welcome to Meteor Design System
Meteor is Shopware’s open-source design system that drives our commerce solutions. Extend and customize every aspect of Shopware – create elegant, delightful, and accessible experiences. There are no limits to your imagination.Get started
Choose the package that fits your needs and start building with Meteor.Component library
Vue.js components for building modern commerce interfaces
Design tokens
Design tokens powering the Meteor Design System
Icon kit
A collection of icons in one single place
Admin SDK
SDK to build apps for the Shopware 6 Administration
Key features
Vue.js component library
A comprehensive collection of Vue 3 components built with TypeScript. The component library includes:- Form components - Text fields, buttons, checkboxes, selects, datepickers, and more
- Layout components - Cards, modals, banners, and structural elements
- Navigation components - Tabs, menus, and navigation patterns
- Data components - Tables, lists, and data visualization
- Feedback components - Notifications, toasts, and loading states
Design tokens
Design tokens provide a centralized source of truth for your design decisions. The tokens package includes:- Primitive tokens - Base values for colors, typography, spacing, and more
- Semantic tokens - Context-aware tokens for different themes
- Light and dark themes - Pre-configured themes for the Shopware Administration
Icon kit
A minimal yet highly expressive icon library perfectly aligned with Shopware’s product language. Features include:- Regular and solid variants - Multiple styles for different contexts
- SVG format - Scalable and performant
- Optimized assets - Small file sizes for fast loading
- Easy integration - Works with any frontend framework
Admin SDK
Build powerful apps and plugins for the Shopware 6 Administration with ease:- Shallow learning curve - Simple API that hides complex internals
- Type safety - Written in TypeScript with full type definitions
- Stable API - Great backwards compatibility across Shopware versions
- Lightweight - Tree-shakable and dependency-free
- Many extension capabilities - Notifications, context access, UI extensions, and more
Open source
Meteor is open-source and maintained by Shopware and its contributors. You can find the source code, report issues, and contribute on GitHub.View on GitHub
Explore the source code, contribute, and stay up to date with the latest changes
Next steps
Quick start
Get up and running in minutes
Installation
Detailed installation instructions for all packages