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.
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
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
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.
Storefront UI is an independent, Vue.js-based, library of user interface elements for developers, designers and agencies striving to build fabulous storefronts.
Contact us:
www.vuestorefront.io
ui@vuestorefront.io
Join the community
Storefront UI is a solution compatible with Vue Storefront, PWA for any eCommerce
The first Vue.js UI library dedicated to eCommerce
Create stunning, mobile-first online stores with this 100% customizable design system
Play video
