Build outstanding Shopware experiences with Meteor.
Design and ship interfaces faster with solid foundations, tailored components, design tokens, and a complete icon set.
Why teams build on Meteor
More than a component library, Meteor is the shared foundation that Shopware and its community design and build on together.
Built for Shopware
Components and patterns shaped for administrative commerce interfaces, not a generic UI kit.
Design and code in sync
Figma libraries, components, and tokens stay aligned, so decisions are made once and applied everywhere.
Accessible out of the box
Every component ships with keyboard support, ARIA semantics, and light and dark themes.
Explore the docs
Guides and references for every part of Meteor, from guidelines and design tokens to components, content, and agents.
Getting Started
Install the packages and ship your first screen.
Guidelines
Design principles, accessibility, states and conventions.
Design
Tokens, theming, and how design decisions are encoded.
Content
Voice, tone, and wording guidelines for UI copy.
Agents
Connect Meteor to AI agents through the MCP server.
Components
Vue components, documented and ready to drop in.
Install only what you need
Meteor ships as three independent npm packages. Pull in the full component library, or just the tokens or icons.
@shopware-ag/meteor-component-library
Vue 3 component set with built-in tokens, icons, and the Inter font.
View on npm@shopware-ag/meteor-tokens
Design tokens as CSS custom properties, usable in any framework.
View on npm@shopware-ag/meteor-icon-kit
SVG icon set, standalone or as Vue components via mt-icon.
View on npmWant to contribute or report an issue?
Meteor is open source. Open an issue, request a feature, or send a pull request on GitHub.
View on GitHub