polaris-vueVue 3 wrappers for Shopify Polaris

Typed Vue 3 components around Shopify's Polaris web components (s-button, s-text-field, s-modal, ...) — no separate Vue-specific design system to learn.

Get Started

Components

Typed props & events

Every wrapper's props and events are generated from Shopify's official Custom Elements Manifest, so you get autocomplete and type-checking that matches the real component API.

v-model on 18 form components

Text fields, checkboxes, switches, selects, choice lists, date pickers and more all support v-model out of the box, mapped to the correct underlying prop/event pair for each element.

Degrades gracefully

Unknown props pass straight through via $attrs, and slot content is forwarded verbatim. A stale wrapper version never breaks existing usage — it just lacks types for newer features.

Synced with the manifest

Component and type definitions are generated directly from Shopify's Custom Elements Manifest, keeping the wrapper surface aligned with the evergreen Polaris runtime.