# Email React components, live previews & code, EneUI

Browse 39 Email React and shadcn components: live preview, full source and a one-line install command for each. Copy into your project or hand it to your AI agent.

> Page: https://ui.eneawork.it/components/cat/email
> Markdown: https://ui.eneawork.it/components/cat/email.md

**Components:** 39


## Highlights

- [waitlist-hero](https://ui.eneawork.it/comp/21st-minhxthanh/waitlist-hero), 21st-minhxthanh
- [hero-video-dialog](https://ui.eneawork.it/comp/21st-dillionverma--magic-ui/hero-video-dialog), 21st-dillionverma--magic-ui
- [state](https://ui.eneawork.it/comp/21st-kavikatiyar/state), 21st-kavikatiyar
- [waitlist-landing-page-with-countdown-timer](https://ui.eneawork.it/comp/21st-muhammad-binsalman/waitlist-landing-page-with-countdown-timer), 21st-muhammad-binsalman
- [fraud-card](https://ui.eneawork.it/comp/21st-amanshakya1808--forge-ui/fraud-card), 21st-amanshakya1808--forge-ui
- [email-client-card](https://ui.eneawork.it/comp/21st-kavikatiyar/email-client-card), 21st-kavikatiyar
- [newsletter-dialog](https://ui.eneawork.it/comp/21st-ravikatiyar162/newsletter-dialog), 21st-ravikatiyar162
- [newsletter-signup](https://ui.eneawork.it/comp/21st-preetsuthar17--hextaui/newsletter-signup), 21st-preetsuthar17--hextaui
- [card-02](https://ui.eneawork.it/comp/21st-shadcnspace--shadcnspace/card-02), 21st-shadcnspace--shadcnspace
- [waitlist-form-1](https://ui.eneawork.it/comp/21st-preetsuthar17--hextaui/waitlist-form-1), 21st-preetsuthar17--hextaui
- [email-categories](https://ui.eneawork.it/comp/21st-dailydischq/email-categories), 21st-dailydischq
- [newsletter](https://ui.eneawork.it/comp/21st-ayushmxxn--serenity-ui/newsletter), 21st-ayushmxxn--serenity-ui

## FAQ

### How many React Email components are there?

39 Email components in the catalog, each with a live preview, full source and a one-line install command.

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

Open a component and hit Copy code (or Install) to drop the source into your components folder, or run npx shadcn add "<url>" with the command shown on the page.

### Are they free?

Yes, browsing is always free and copying runs on a free daily quota; Premium removes the limit.

### Do they work with Next.js and Tailwind?

Yes, React components styled with Tailwind and shadcn/ui, compatible with Next.js, Vite and CRA.

## Related

- [All categories](/components)
- [Libraries](/libraries)
