# Newsletter components

> Capture subscribers effectively with 9 newsletter components for React, optimized with Tailwind CSS.

38 components available. Showing all of them below.

- [Pinky News Letter](https://21st.dev/@moazamtrade/components/pinky-news-letter.md) — by shadway
- [Newsletter Card](https://21st.dev/@kavikatiyar/components/newsletter-card.md) — by Kavi Katiyar
- [Newsletter Section](https://21st.dev/@originui/components/newsletter-section.md) — by Origin UI
- [Newsletter Signup](https://21st.dev/@preetsuthar17/components/newsletter-signup.md) — by Preet Suthar
- [Newsletter Dialog](https://21st.dev/@ravikatiyar162/components/newsletter-dialog.md) — by Ravi Katiyar
- [News letter Form](https://21st.dev/@ruixen.ui/components/newsletter-form.md) — by Ruixen UI
- [newsletter signup](https://21st.dev/@shailendrakumar19999/components/newsletter-signup.md) — by Shailendra
- [8-bit Newsletter Signup](https://21st.dev/@theorcdev/components/8bit-advanced3.md) — by OrcDev
- [Newsletter](https://21st.dev/@ayushmxxn_c278bc2d/components/newsletter.md) — by Ayushmaan Singh
- [News letter](https://21st.dev/@ruixen.ui/components/newsletter.md) — by Ruixen UI
- [Email Card](https://21st.dev/@jatin-yadav05/components/email-card.md) — by Jatin Yadav
- [Footer section](https://21st.dev/@arihantcodes_1f7b8c4d/components/footer-section.md) — by Arihant jain
- [Dialog](https://21st.dev/@originui/components/dialog/newsletter-dialog.md) — by Origin UI
- [Footer column](https://21st.dev/@mvp_Subha/components/footer-column/footer-with-newsletter.md) — by mvp_Subha
- [Stacked Circular Footer](https://21st.dev/@arihantcodes_1f7b8c4d/components/stacked-circular-footer.md) — by Arihant jain
- [Hero Section 3](https://21st.dev/@meschacirung/components/hero-section-3.md) — by Méschac Irung
- [Hero Section 6](https://21st.dev/@meschacirung/components/hero-section-6.md) — by Méschac Irung
- [Footer](https://21st.dev/@ravikatiyar162/components/footer.md) — by Ravi Katiyar
- [Popover Form](https://21st.dev/@cult-ui/components/popover-form.md) — by cult/ui
- [NeoMinimal Footer](https://21st.dev/@m.kumailalirajpoot/components/neo-minimal-footer.md) — by Muhammad Kumail Ali
- [Call to Action (CTA)](https://21st.dev/@kavikatiyar/components/call-to-action-cta.md) — by Kavi Katiyar
- [Field Components](https://21st.dev/@anubra266/components/field-components/end-button-input.md) — by Abraham
- [Call to Action](https://21st.dev/@brijr/components/call-to-action-1/call-to-action-four.md) — by brijr
- [Call to Action](https://21st.dev/@brijr/components/call-to-action-1/call-to-action-two.md) — by brijr
- [Field](https://21st.dev/@coss.com/components/field/input-group.md) — by coss
- [Call To Action](https://21st.dev/@meschacirung/components/call-to-action/call-to-action-with-mail-form.md) — by Méschac Irung
- [Ruixen Gradient Footer](https://21st.dev/@ruixen.ui/components/ruixen-gradient-footer.md) — by Ruixen UI
- [Morph Button](https://21st.dev/@iamsatish4564/components/morph-button/async-form-submission.md) — by iamsatish4564
- [Drawer Inner Content](https://21st.dev/@ruixen.ui/components/drawer-inner-content.md) — by Ruixen UI
- [Footer Section 4](https://21st.dev/@solaceui/components/footer-section-4.md) — by Solace UI
- [Bottom Drawers](https://21st.dev/@ruixen.ui/components/bottom-drawers.md) — by Ruixen UI
- [Dialog](https://21st.dev/@anubra266/components/dialog-2/newsletter-dialog.md) — by Abraham
- [CTA Section](https://21st.dev/@shadcnstore/components/cta-section-2.md) — by ShadcnStore
- [Footer with Newsletter](https://21st.dev/@educlopez/components/footer-2.md) — by Edu Calvo
- [Call To Action 3](https://21st.dev/@meschacirung/components/call-to-action-3.md) — by Méschac Irung
- [Centered Newsletter CTA](https://21st.dev/@ziegfiroyt/components/cta8.md) — by Beste
- [Newsletter Signup](https://21st.dev/@7ovr/components/newsletter-1.md) — by 7Ovr
- [Newsletter Band](https://21st.dev/@7ovr/components/newsletter-2.md) — by 7Ovr

Full component directory: https://21st.dev/llms.txt