# Ecomcn, 30 React UI components, live previews & code, EneUI

All 30 Ecomcn components in the catalog with live previews, full source and a one-line install. Most used: empty results, filter panel, filter sheet. The registry does not declare an SPDX licence, check the upstream repository before shipping it in production.

> Page: https://ui.eneawork.it/components/lib/ecomcn
> Markdown: https://ui.eneawork.it/components/lib/ecomcn.md

**Components:** 30

- [empty-results](https://ui.eneawork.it/comp/ecomcn/empty-results), ecomcn
- [filter-panel](https://ui.eneawork.it/comp/ecomcn/filter-panel), ecomcn
- [filter-sheet](https://ui.eneawork.it/comp/ecomcn/filter-sheet), ecomcn
- [load-more](https://ui.eneawork.it/comp/ecomcn/load-more), ecomcn
- [order-summary](https://ui.eneawork.it/comp/ecomcn/order-summary), ecomcn
- [price-tag](https://ui.eneawork.it/comp/ecomcn/price-tag), ecomcn
- [product-buy-box](https://ui.eneawork.it/comp/ecomcn/product-buy-box), ecomcn
- [product-card](https://ui.eneawork.it/comp/ecomcn/product-card), ecomcn
- [product-details-accordion](https://ui.eneawork.it/comp/ecomcn/product-details-accordion), ecomcn
- [product-grid](https://ui.eneawork.it/comp/ecomcn/product-grid), ecomcn
- [product-quick-view](https://ui.eneawork.it/comp/ecomcn/product-quick-view), ecomcn
- [related-products](https://ui.eneawork.it/comp/ecomcn/related-products), ecomcn

## FAQ

### How many components are in the Ecomcn library?

30 Ecomcn components are in the catalog, each with a live preview, full source and a one-line install command.

### Is the Ecomcn library free?

The registry does not declare an SPDX licence, check the upstream repository before shipping it in production.

### What framework does Ecomcn target?

Ecomcn targets React: the components are written for that renderer and drop into Next.js, Vite or CRA the same way.

### What is the most popular Ecomcn component?

"empty results" is the most starred one, out of 30 available.

### How do I add a Ecomcn component to my project?

Open the component and hit Copy code (or Install): the source lands in your components folder, or run the npx shadcn add command shown on the page.

### What kind of interfaces does Ecomcn ship?

Ecomcn mainly covers React.


## Install

```bash
npx shadcn@latest add "https://ui.eneawork.it/api/registry/ecomcn/%3Ccomponent-name%3E.json?token=YOUR_TOKEN"
```

The registry endpoints are token-gated (create a free account in the app, then copy the registry token). The raw source is also readable at `/api/registry/<library>/<name>.json`.