# Emailcn, 338 React UI components, live previews & code, EneUI

All 338 Emailcn components in the catalog with live previews, full source and a one-line install. Most used: jsx email/avatar call to action, jsx email/avatar details, jsx email/avatar group. The registry does not declare an SPDX licence, check the upstream repository before shipping it in production.

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

**Components:** 338

- [jsx-email/avatar-call-to-action](https://ui.eneawork.it/comp/emailcn/jsx-email%2Favatar-call-to-action), emailcn
- [jsx-email/avatar-details](https://ui.eneawork.it/comp/emailcn/jsx-email%2Favatar-details), emailcn
- [jsx-email/avatar-group](https://ui.eneawork.it/comp/emailcn/jsx-email%2Favatar-group), emailcn
- [jsx-email/background-call-to-action](https://ui.eneawork.it/comp/emailcn/jsx-email%2Fbackground-call-to-action), emailcn
- [jsx-email/bento-image-grid](https://ui.eneawork.it/comp/emailcn/jsx-email%2Fbento-image-grid), emailcn
- [jsx-email/bento-product-grid](https://ui.eneawork.it/comp/emailcn/jsx-email%2Fbento-product-grid), emailcn
- [jsx-email/bento-stats-grid](https://ui.eneawork.it/comp/emailcn/jsx-email%2Fbento-stats-grid), emailcn
- [jsx-email/billing-order-summary](https://ui.eneawork.it/comp/emailcn/jsx-email%2Fbilling-order-summary), emailcn
- [jsx-email/block-auth-magic-link-default](https://ui.eneawork.it/comp/emailcn/jsx-email%2Fblock-auth-magic-link-default), emailcn
- [jsx-email/block-auth-magic-link-raycast](https://ui.eneawork.it/comp/emailcn/jsx-email%2Fblock-auth-magic-link-raycast), emailcn
- [jsx-email/block-auth-magic-link-stripe](https://ui.eneawork.it/comp/emailcn/jsx-email%2Fblock-auth-magic-link-stripe), emailcn
- [jsx-email/block-auth-otp-default](https://ui.eneawork.it/comp/emailcn/jsx-email%2Fblock-auth-otp-default), emailcn

## FAQ

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

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

### Is the Emailcn library free?

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

### What framework does Emailcn target?

Emailcn 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 Emailcn component?

"jsx email/avatar call to action" is the most starred one, out of 338 available.

### How do I add a Emailcn 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 Emailcn ship?

Emailcn mainly covers React.


## Install

```bash
npx shadcn@latest add "https://ui.eneawork.it/api/registry/emailcn/%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`.