Loading
Lumo UI: accessible e-commerce React component library built on shadcn/ui. TypeScript + Tailwind CSS, dark mode, WCAG 2.1 AA.
Items
Free to install
Behind a key
Last push
2 months ago
0 stars. Both figures are GitHub's about this repository, not ones this index measured.| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Address Formaddress-form | A validated shipping/billing address form (react-hook-form + zod) that emits a normalized Address. | Components | Unverified | 3 deps | |
| Breadcrumbsbreadcrumbs | An accessible breadcrumb trail. The last crumb is marked as the current page; pass href on the rest to make them links. | Components | Unverified | 1 dep | |
| Cart Drawercart-drawer | Accessible slide-over cart built on Radix Dialog, with line items and summary. | Components | Unverified | 3 deps | |
| Cart Line Itemcart-line-item | A single cart line with image, variant, quantity stepper, and line total. | Components | Unverified | 1 dep | |
| Cart Summarycart-summary | Subtotal, optional total, taxes-and-shipping note, and a checkout button. | Components | Unverified | no deps | |
| Checkout Formcheckout-form | A payment-agnostic checkout: contact and shipping fields with validation, a payment slot, an order summary, and submit states. Wire your own PSP. | Components | Unverified | 3 deps | |
| Filter Panelfilter-panel | A faceted filter panel: groups of checkboxes with optional result counts, an active-filter count, and a clear-all control. Fully controlled. | Components | Unverified | 1 dep | |
| Order Confirmationorder-confirmation | A post-purchase confirmation with order number, receipt email, item summary, and total. | Components | Unverified | 1 dep | |
| Order Summaryorder-summary | A read-only order review with line items, subtotal, shipping, tax, and total. | Components | Unverified | no deps | |
| Paginationpagination | Accessible page navigation with previous/next controls and a truncated page range with ellipses. | Components | Unverified | 1 dep | |
| Price Displayprice-display | Renders a Money value with optional compare-at price and discount badge. | Components | Unverified | 1 dep | |
| Product Cardproduct-card | Responsive product card with badges, rating, price, and quick actions. | Components | Unverified | 2 deps | |
| Product Gridproduct-grid | Responsive product grid with loading skeletons and an empty state. | Components | Unverified | no deps | |
| Quantity Stepperquantity-stepper | Accessible increment and decrement control with min and max clamping. | Components | Unverified | 1 dep | |
| Rating Starsrating-stars | Accessible star rating with an optional review count. | Components | Unverified | 1 dep | |
| Search Barsearch-bar | A controlled, accessible search input with a clear button and an optional loading spinner. Submit on Enter for query-on-submit search. | Components | Unverified | 1 dep | |
| Sort Selectsort-select | A sort-order dropdown with a sensible default set of e-commerce options (featured, price, rating, newest). Bring your own items to customize. | Components | Unverified | 1 dep | |
| Variant Selectorvariant-selector | Option picker that detects which variant combinations are available. | Components | Unverified | no deps |
| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Cart Providercart-provider | Optional, backend-agnostic cart state. A CartProvider context and useCart hook that add lines, merge duplicate variants, update quantities, and compute the subtotal. Sync to your backend through onLinesChange. | Hooks | Unverified | no deps |
| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Lumo commerce model and money utilitieslib | The canonical commerce data model (Product, Variant, Money, CartLine, Address) and minor-unit-aware money helpers that every Lumo block builds on. Map your backend onto these types once. | Utilities | Unverified | no deps · 2 files |