# vuestorefront/storefront-ui

A frontend library for React and Vue that helps developers quickly build fast, accessible, and beautiful storefronts. Made with 💚 by Vue Storefront team and contributors.

Repository: https://github.com/vuestorefront/storefront-ui
Canonical: https://ross.abutalabs.com/products/storefront-ui
Homepage: https://storefrontui.io
Language: TypeScript
License: MIT
License Family: permissive
Topics: vue, ecommerce, ui-kit, ui, pwa, vuejs, vuejs2, ui-components, vue-components, javascript, storefront, storefront-theme, react, vuejs3
Last push: 2026-08-25T12:30:23+00:00

## Health v2 (maintenance only)
Score: 99/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 99, release rhythm 99, longevity 100
- inputs: {"age_days": 2778, "days_push": 8, "days_rel": 8, "gap_med": 0.0, "n_releases_24m": 27}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 2508, forks 460 (observed 2026-08-28T04:06:57.268916+00:00)

## What it is
Storefront UI is an open-source, framework-agnostic UI component library and design system for React and Vue.js, built specifically for eCommerce storefronts on top of TailwindCSS. It provides accessible (WCAG AA), performant premade components and copy-pasteable blocks like product cards and banners, with matching Figma design files.

## Use cases
- build an ecommerce storefront ui quickly
- accessible ui components for online shop
- vue or react component library for commerce
- product cards and banners ready to paste
- design system aligned with figma for ecommerce
- fast lighthouse-friendly storefront components

## When to choose
- building an online store frontend with React or Vue
- you need WCAG AA accessible components out of the box
- you want TailwindCSS-based, highly customizable UI components
- your team needs design-to-code alignment via Figma files

## When to avoid
- building non-commerce web applications where a general UI kit fits better
- you don't use TailwindCSS or React/Vue
- you need a full backend or commerce platform rather than a frontend UI layer

## Facets
- artifact type: library
- maturity: active
- function: ui-components, frontend-framework, css-framework, accessibility
- domain: web-development, frontend, e-commerce, web-design
- platform: cross-platform
- tags: tailwindcss, design-system, ecommerce-ui, vue, react, typescript, wcag, figma, nodejs, web-server

## Member repositories
- vuestorefront/storefront-ui (main) score 99

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:06:57.268916+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T02:26:32.759263+00:00, confidence not recorded.
  - readme: https://github.com/vuestorefront/storefront-ui (fetched 2026-08-28T04:06:57.268916+00:00, sha cc7cf89b46ef)
  - homepage: https://storefrontui.io (fetched 2026-08-29T10:09:00.591729+00:00, sha 6bba12287ade)
  - site_page: https://docs.alokai.com/integrations (fetched 2026-08-29T10:09:00.594622+00:00, sha 57074a8e4642)
  - site_page: https://docs.alokai.com/ (fetched 2026-08-29T10:09:00.599311+00:00, sha 1a928d197c36)
  - site_page: https://alokai.com/about-us (fetched 2026-08-29T10:09:00.603576+00:00, sha af58da028d78)
  - site_page: https://alokai.com/resources/alokai-data-sheet (fetched 2026-08-29T10:09:00.596816+00:00, sha 69699db59753)
  - site_page: https://alokai.com/pricing (fetched 2026-08-29T10:09:00.601597+00:00, sha 15e98b8e8553)
- Data as of 2026-08-30T08:39:29.467469+00:00.