Made with Vue.js 

Open-Source solution free to use 

Single UI components turned into powerful design system for commerce 

Storefront UI is an independent, Vue.js-based, library of UI components for developers, designers, and agencies striving to build fabulous storefronts.  

100% customizable 

Take a single UI component, complex module or the whole design system and make it look exactly as you need. Without any limitations.

A UI library open to everyone who wants to shape the future and make the shopping experience even better. Free of charge. 

Free and Open-source

A design system built with a devotion to modern online commerce and the customer's expectations. Excellent for desktop, mobile, and PWA.

Made for eCommerce

Take back full control over the design process 

Our goal was to give you a flexible and fully customizable set of tools for building modern online stores. All of them awaits for you in Storefront UI out of the box.  

READ THE DOCS

4 customization levels

You can take Storefront UI elements as they are, easily customize them with props and slots in Storefront UI, or change entirely with your own html. You can also take the whole Storefront UI library and adjust it globally with SCSS variables.

to help you create an excellent eCommerce UI  

Props

Slots

Global (via SCSS variables) 

Composition 

PLAY WITH STOREFRONT UI ON STORYBOOK

Complex design system based on atomic design & Google’s UX playbook  

Storefront UI is more than just a single webstore design, it is a thoughtful design system of ready-to-use elements for building online stores that you need. The elements available in Storefront UI reflect the best practices of Atomic Design. 

ATOMS

MOLECULES

ORGANISMS

TEMPLATES

PAGES

While creating Storefront UI we based our work on the commerce expertise gathered in Divante and global leaders’ guidelines.  

Based on the commerce expertise 

Storefront UI is compatible with the Google UX Playbook for Retail.

Compatible with the Google UX Playbook

The Storefront UI design system is built to help you create frictionless experiences across the funnel in your online store, from home page untill the conversion sites. 

Frictionless experiences  

READ THE DOCSGO TO GITHUB

What do you get within Storefront UI? 

A set of ready-to-use UI elements designed for eCommerce 

The possibility to compose your own components (markup/Vue instance/SCSS)

The ability to customize single UI elements or the whole library globally  

Full control over your design process 

Seamless upgrade 

Leverage Storefront UI and become part of the community  

Storefront UI is an open-source project, released under the MIT license. It is in the early stages of development, but we are introducing the minimal set of components to get feedback. Get the code, check it out as it is, or modify it and tell us how we can improve it to meet your needs. 

By using Storefront UI you can become part of our community. We are open for your ideas and contributions to make it the best UI library for eCommerce. 

JOIN US!

Beta Version of Storefront UI will be available in Q2, 2019.

Storefront UI is an independent, Vue.js-based, library of user interface elements for developers, designers and agencies striving to build fabulous storefronts.  

Join the community

Storefront UI is a solution compatible with Vue Storefront, PWA for any eCommerce 

LEARN MORE

The first Vue.js UI library dedicated to eCommerce

Create stunning, mobile-first online stores with this 100% customizable design system 

READ THE DOCSGO TO GITHUB

Play video

Storefront UI - The first Vue.js UI library dedicated to eCommerce | Product Hunt Embed