Storefront UI
Storefront UI is an open-source UI component library built for e-commerce frontends. It provides ready-to-use, accessible, and customisable components for Vue.js and React including product cards, cart components, navigation, filters, and checkout UI. As a UI library, it has no data collection capabilities. GDPR compliance depends on the e-commerce application built with it and the payment and analytics integrations it uses.
What does Storefront UI do?
What is Storefront UI?
Storefront UI is an open-source library of ready-to-use, accessible UI components specifically designed for e-commerce frontends. It provides components for Vue.js and React including product listings, cart, checkout, navigation, filters, and more. Storefront UI v2 focuses on headless commerce architectures, working alongside platforms like Shopify, Commercetools, and Magento. As a UI library, it has no data collection.
GDPR and Storefront UI
Storefront UI has no GDPR implications itself. GDPR obligations arise from the e-commerce platform integrated (Shopify, Commercetools, etc.), analytics services, payment processors, and marketing tools used alongside it. Apply comprehensive GDPR compliance at the e-commerce application level.
Practical compliance steps
Install via npm. Apply GDPR compliance to all e-commerce platform integrations. Implement consent management for analytics and marketing cookies. Ensure PCI-DSS compliance for payment integrations. Create comprehensive privacy disclosures for the e-commerce application.
Storefront UI and the GDPR
- Legal basis
- Storefront UI is a UI component library with no data processing. GDPR obligations arise from the e-commerce application built with it.
- Risk level
- low
- Applicable regulations
- GDPR compliance is the responsibility of the application developer
Impact assessment (DPIA)
A DPIA is not required for Storefront UI. It may be required for e-commerce applications with advanced personalisation, large-scale customer data processing, or payment data handling.
Sample text for your banner
This e-commerce site uses Storefront UI components. See our privacy policy for details of all data collected during browsing, account use, and checkout.
What Storefront UI sets and contacts
- Tracking method
- Open-source Vue/React e-commerce UI component library, no tracking
- Server location
- Self-hosted (deployer infrastructure)
- Cookieless mode available
- Yes
Cookies set (1)
| Name | Type | Duration | Purpose |
|---|---|---|---|
| sfu_none | session | Session | Storefront UI sets no cookies: e-commerce cookies are set by integrated platforms and services |
Third-party domains contacted (2)
storefrontui.ionpmjs.com
Frequently asked questions about Storefront UI
Can't find your question? Write to us, we answer fast.
Is Storefront UI subject to GDPR?
No. Storefront UI is a UI component library. GDPR applies to the e-commerce application built with it and its integrations.
Does Storefront UI set cookies?
No. Storefront UI does not set cookies. Cart, session, and analytics cookies are set by the e-commerce platform and services integrated.
Do I need a DPA for Storefront UI?
No. You need DPAs with the e-commerce platform, payment processor, and analytics services integrated, not with Storefront UI itself.
Does Storefront UI transfer data outside the EU?
No. The library is self-hosted. Transfers depend on backend services and APIs used.
Do I need a DPIA for a Storefront UI project?
Not for Storefront UI. Consider a DPIA for the e-commerce application if it involves profiling, advanced personalisation, or large-scale payment data processing.
Is Storefront UI actively maintained?
Yes. Storefront UI v2 is actively maintained with Vue.js and React support. It is the recommended version for new projects.
How do I include Storefront UI in my project?
Install via npm (npm install @storefront-ui/vue or @storefront-ui/react) and follow the Storefront UI documentation.
What GDPR compliance is needed for an e-commerce site built with Storefront UI?
Implement consent management for analytics and marketing cookies, DPAs with payment processors and analytics services, comprehensive privacy policy disclosing all data collection, and cookie notice for optional cookies.
Kirki Customizer Framework
Kirki Customizer Framework is a development framework and toolkit providing developers with a structured foundation for building modern web applications. It offers reusable components, standardized architecture patterns, and comprehensive documentation. Kirki Customizer Framework accelerates development through code generation, testing utilities, and build optimization. With an active community and extensive ecosystem, Kirki Customizer Framework enables teams to build scalable, maintainable applications.
Monaco Editor
Monaco Editor is a foundational web service that powers critical website functions and digital experiences. It provides reliable infrastructure, seamless integration capabilities, and consistent performance across all devices and browsers. Monaco Editor supports modern development practices and scales with growing business needs. With a focus on stability and compatibility, Monaco Editor ensures your website delivers a smooth, uninterrupted experience to every visitor and search engine crawler.
Wized
Wized is a digital analytics solution that helps businesses measure and understand their online performance through comprehensive data collection and analysis. It provides visitor tracking, behavioral insights, and conversion metrics across websites and applications. Wized supports custom event tracking, audience segmentation, and automated reporting. With intuitive dashboards and visualization tools, Wized enables informed decisions that improve experience and drive results.
Marked
Marked is a web technology service that provides essential functionality for websites and digital platforms. It delivers core capabilities that support site operations, content delivery, and user experience optimization. Marked integrates seamlessly with modern web architectures, ensuring reliable performance and compatibility across browsers and devices. Trusted by businesses worldwide, Marked helps organizations maintain robust websites that meet user expectations and technical requirements.
Keen-Slider
Keen-Slider is an image management and optimization solution that helps websites deliver high-quality visual content with optimal performance. It provides automatic compression, format conversion, and responsive delivery for fast page loads. Keen-Slider supports lazy loading, CDN distribution, and gallery creation, enabling businesses to showcase visuals beautifully while maintaining excellent Core Web Vitals scores and search engine rankings.
mOxie
mOxie is a web technology service that provides essential functionality for websites and digital platforms. It delivers core capabilities that support site operations, content delivery, and user experience optimization. mOxie integrates seamlessly with modern web architectures, ensuring reliable performance and compatibility across browsers and devices. Trusted by businesses worldwide, mOxie helps organizations maintain robust websites that meet user expectations and technical requirements.
Make your site compliant today.
Free up to 25,000 sessions a month. No credit card, no commitment.