Components
Ready-made Vue components for building commerce storefronts.
UI Components
Commerce.js provides 33 Vue components designed for commerce storefronts. Every component follows Nuxt UI conventions: typed props, named slots, theme overrides via ui prop, and global theming through app.config.ts.
Categories
Installation
pnpm add @commercejs/ui
Register the module in your nuxt.config.ts:
export default defineNuxtConfig({
modules: ['@commercejs/ui'],
})
Conventions
Theming
Override styles per-instance with the ui prop, or globally via app.config.ts:
// app.config.ts
export default defineAppConfig({
ui: {
productCard: {
slots: {
root: 'rounded-2xl shadow-xl',
title: 'text-lg font-bold',
},
},
},
})
→ See the @commercejs/ui package page for full documentation.