hero

Storefront UI

Customizable and performant Vue.js UI library for eCommerce

Get Started →

Performance

You’re importing ONLY what you need, and in a raw format which means you can benefit from all build-time optimizations like tree shaking or grouping common chunks.

Customization

Along with standard prop-based customization, every component has a set of slots that let you replace any part of it with your own images, icons or even custom HTML markup. In addition, every component is divided into separate HTML, CSS and JS files so you can compose your own components from only Storefront UI partials.

Best practices

Storefront UI components follow best practices in terms of design and core. Every component is based on the Google Retail UX Playbook and is accessibility-friendly.

Installation

Install NPM package:

npm install --save @storefrontui/vue

Import styles (optional)

import "@storefrontui/vue/src/css/_all.scss"

Import and register components that you need

import { SfButton } from '@storefrontui/vue'

export default {
  components: {
    SfButton
  }
}

voila!

Supporters

divantee-com club