# Newsletter blocks for shadcn/ui

> 63 newsletter blocks from public shadcn/ui registries, free and paid, with live previews, source code and install commands.

- Page, with live previews: https://shadcn.exchange/blocks/newsletter
- 63 blocks, 42 free and 21 paid, from 23 registries.
- Search them as JSON: `https://shadcn.exchange/api/catalog?kind=blocks&category=newsletter&q=<words>`. Add `price=free` for the ones you can install, and `offset=<n>` for the next 24.
- With the shadcn CLI, which finds free blocks by their words: `npx shadcn@latest search @shadcn-exchange -q newsletter`

Each block's page answers in Markdown, source included, at its address with `.md` on the end. [The whole site for agents](https://shadcn.exchange/llms.txt).

## Free newsletter blocks

All 42 blocks, best first. Each installs with the command beside it, in a project that has shadcn/ui set up.

- [Color Panels Newsletter by @shaderscn](https://shadcn.exchange/r/shaderscn/color-panels-newsletter): A compact newsletter signup band with slowly turning glass panels beside the form. `npx shadcn@latest add https://shadcn.exchange/r/shaderscn/color-panels-newsletter.json`
- [Newsletter Signup With Social Proof by @7ovr](https://shadcn.exchange/r/7ovr/newsletter-5): Centered newsletter signup led by a subscriber avatar stack, star rating, and reader count, with inline email capture and a success state. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/newsletter-5.json`
- [Startup by @7ovr](https://shadcn.exchange/r/7ovr/startup): Lean startup landing page template for early-stage products and waitlists: centered hero section with inline email capture, stats, feature grid, how it works timeline, testimonial, and waitlist signup. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/startup.json`
- [Centered Signup With Consent by @7ovr](https://shadcn.exchange/r/7ovr/newsletter-1): Centered newsletter signup with an inline email field, subscribe button, marketing consent checkbox, and a no-spam privacy note. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/newsletter-1.json`
- [Horizontal Newsletter Band by @7ovr](https://shadcn.exchange/r/7ovr/newsletter-2): Full-width newsletter section band on a muted panel, with branding label and copy on the left and an inline email subscribe form on the right. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/newsletter-2.json`
- [Newsletter 01 - Newsletter Subscription CTA by @shadcn-space](https://shadcn.exchange/r/shadcn-space/newsletter-01): A minimal newsletter signup section with bold headline, social-proof subtext, and inline email form, ideal for capturing leads and growing your audience with a frictionless experience. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/newsletter-01.json`
- [Footer Integrated Signup by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-email-signup-and-newsletter-footer-integrated-signup): An email field built into the site footer beside links and details. Captures subscribers at the bottom of every page without a dedicated section. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-email-signup-and-newsletter-footer-integrated-signup.json`
- [Topic Picker Double Opt-In by @7ovr](https://shadcn.exchange/r/7ovr/newsletter-4): Multi-step newsletter card where readers toggle topic interests, then land on a double opt-in check-your-inbox confirmation step. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/newsletter-4.json`
- [CTA Newsletter by @blockforge](https://shadcn.exchange/r/blockforge/cta-newsletter): Newsletter capture with an accessible form and honest numbers. `npx shadcn@latest add https://shadcn.exchange/r/blockforge/cta-newsletter.json`
- [Newsletter Signup 5 – Inline callout with contained form by @shadcncraft](https://shadcn.exchange/r/shadcncraft/newsletter-signup-5): A horizontal newsletter signup pattern presented inside a soft container to separate it from surrounding content. The headline and description anchor the left side while the inline form sits to the right, creating a clear scan path and com… `npx shadcn@latest add https://shadcn.exchange/r/shadcncraft/newsletter-signup-5.json`
- [Newsletter 02 by @hirael](https://shadcn.exchange/r/hirael/newsletter-02): Waitlist form that validates the address, shows a brief loading state, then returns your place in line with an invite link to copy and the referral rewards it unlocks. `npx shadcn@latest add https://shadcn.exchange/r/hirael/newsletter-02.json`
- [Newsletter sign-up by @velora](https://shadcn.exchange/r/velora/cta-newsletter): Newsletter card over a glowing dot grid with a labelled email field, subscriber avatars and a privacy note. `npx shadcn@latest add https://shadcn.exchange/r/velora/cta-newsletter.json`
- [Footer Newsletter by @blockforge](https://shadcn.exchange/r/blockforge/footer-newsletter): Link columns plus a capture form and a status line. `npx shadcn@latest add https://shadcn.exchange/r/blockforge/footer-newsletter.json`
- [Newsletter 01 by @hirael](https://shadcn.exchange/r/hirael/newsletter-01): Centered subscribe panel with an inline email form, inline validation and a success state that swaps in a confirmation once a valid address is entered. `npx shadcn@latest add https://shadcn.exchange/r/hirael/newsletter-01.json`
- [Newsletter footer by @velora](https://shadcn.exchange/r/velora/footer-newsletter): Footer with a newsletter sign-up row, link columns and a live “All systems normal” status badge. `npx shadcn@latest add https://shadcn.exchange/r/velora/footer-newsletter.json`
- [Newsletter Inline by @blockforge](https://shadcn.exchange/r/blockforge/newsletter-inline): A slim capture band that slots between any two sections. `npx shadcn@latest add https://shadcn.exchange/r/blockforge/newsletter-inline.json`
- [Newsletter signup by @quill](https://shadcn.exchange/r/quill/newsletter): A centered newsletter-signup section — an email field, subscribe action, and social proof. `npx shadcn@latest add https://shadcn.exchange/r/quill/newsletter.json`
- [Footer by @geturui](https://shadcn.exchange/r/geturui/footer-block): Site footer with a brand blurb, four link columns, a newsletter field that swaps to an inline success state, and a base row with legal links and a pulsing status dot. `npx shadcn@latest add https://shadcn.exchange/r/geturui/footer-block.json`
- [Newsletter signup by @balick](https://shadcn.exchange/r/balick/newsletter-01): Email signup card with a confirmation state; posts to a configurable endpoint. `npx shadcn@latest add https://shadcn.exchange/r/balick/newsletter-01.json`
- [Newsletter 1: signup with topics and sample issue by @ballmac](https://shadcn.exchange/r/ballmac/newsletter-1): An editorial newsletter signup: topic chips, an email field with validation, loading, error and success states, avatar social proof, and a tilted sample issue card beside it. `npx shadcn@latest add https://shadcn.exchange/r/ballmac/newsletter-1.json`
- [Newsletter Signup Block by @uitripled](https://shadcn.exchange/r/uitripled/newsletter-signup-block-shadcnui): Animated newsletter subscription form with success state and gradient background. `npx shadcn@latest add https://shadcn.exchange/r/uitripled/newsletter-signup-block-shadcnui.json`
- [Newsletter Signup Block by @uitripled](https://shadcn.exchange/r/uitripled/newsletter-signup-block-baseui): Animated newsletter subscription form with success state and gradient background (Base UI). `npx shadcn@latest add https://shadcn.exchange/r/uitripled/newsletter-signup-block-baseui.json`
- [Signup Card With Form States by @7ovr](https://shadcn.exchange/r/7ovr/newsletter-3): Newsletter signup card driven by a client state machine, cycling idle, loading spinner, success, and inline email validation error states. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/newsletter-3.json`
- [Newsletter signup by @silicon-ui](https://shadcn.exchange/r/silicon-ui/newsletter-signup): An email signup framed by a stack of past issues; subscribing drops the next issue, addressed to you, onto the front. `npx shadcn@latest add https://shadcn.exchange/r/silicon-ui/newsletter-signup.json`
- [Newsletter by @corsair-ui](https://shadcn.exchange/r/corsair-ui/newsletter): A compact sign-up band with an inline email form that reports pending, success and error states. `npx shadcn@latest add https://shadcn.exchange/r/corsair-ui/newsletter.json`
- [Newsletter Signup by @ilinxa](https://shadcn.exchange/r/ilinxa/newsletter-signup): Newsletter signup card — inline email form or CTA-only variant, async status tracking, three tones, full i18n. `npx shadcn@latest add https://shadcn.exchange/r/ilinxa/newsletter-signup.json`
- [Newsletter sections by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/newsletter1): Centered heading and intro text above a card titled Subscribe to our Newsletter with a short description, one email input and a full width Subscribe button in the card footer. `npx shadcn@latest add https://shadcn.exchange/r/shadcnuikit/newsletter1.json`
- [Cta Newsletter by @lema-ds](https://shadcn.exchange/r/lema-ds/ds-cta-newsletter): CTA com captura email inline — blockus #17-24. `npx shadcn@latest add https://shadcn.exchange/r/lema-ds/ds-cta-newsletter.json`
- [Newsletter signup by @uiarc](https://shadcn.exchange/r/uiarc/newsletter-signup): An email signup framed by a stack of past issues; subscribing drops the next issue, addressed to you, onto the front. `npx shadcn@latest add https://shadcn.exchange/r/uiarc/newsletter-signup.json`
- [Newsletter form by @formscn](https://shadcn.exchange/r/formscn/newsletter-form): Newsletter subscription form with email frequency selection. `npx shadcn@latest add https://shadcn.exchange/r/formscn/newsletter-form.json`
- [Card Style Signup by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-email-signup-and-newsletter-card-style-signup): A bordered card holding a headline, short pitch, and email field. Use it as a standalone callout inviting visitors to join your mailing list. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-email-signup-and-newsletter-card-style-signup.json`
- [Newsletter Form by @atroui](https://shadcn.exchange/r/atroui/newsletter-form): Email newsletter form with editable CONTENT; posts to your API. `npx shadcn@latest add https://shadcn.exchange/r/atroui/newsletter-form.json`
- [Newsletter Subscription by @buzzform](https://shadcn.exchange/r/buzzform/newsletter-dialog): A newsletter subscription form in a dialog. `npx shadcn@latest add https://shadcn.exchange/r/buzzform/newsletter-dialog.json`
- [Newsletter sections by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/newsletter3): Single row sign-up with the heading and a short description on the left and an email input with a Subscribe button on the right. Stacks vertically on small screens. `npx shadcn@latest add https://shadcn.exchange/r/shadcnuikit/newsletter3.json`
- [Newsletter Form by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-cta-sections-newsletter-form): A signup section with an email input and subscribe button under a short pitch. Collects leads for a newsletter, waitlist, or product updates. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-cta-sections-newsletter-form.json`
- [Newsletter Blog by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-blog-sections-newsletter-blog): An article feed combined with an email signup form and short prompt. Use it to grow a subscriber list while showcasing your most recent posts. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-blog-sections-newsletter-blog.json`
- [Newsletter Subscription by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-hero-forms-newsletter-subscription): A hero with a newsletter subscription field and a short value pitch. Turns first time visitors into subscribers with one quick email entry. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-hero-forms-newsletter-subscription.json`
- [Newsletter With Social Proof by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-hero-forms-newsletter-with-social-proof): A hero pairing a newsletter form with subscriber counts and logos. Uses social proof to convince visitors the list is worth joining today. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-hero-forms-newsletter-with-social-proof.json`
- [Simple Inline Form by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-email-signup-and-newsletter-simple-inline-form): A single row with an email input and a subscribe button. Slots into any section when you want a quick, low friction way to gather addresses. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-email-signup-and-newsletter-simple-inline-form.json`
- [Newsletter Preview by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-subscribe-newsletter-preview): A signup block showing a small preview of the newsletter content beside the email field. Sets reader expectations before they subscribe to it. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-subscribe-newsletter-preview.json`
- [Split Section Signup by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-email-signup-and-newsletter-split-section-signup): A two column section with descriptive copy beside the signup form. Explains what subscribers get while keeping the email field clearly in view. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-email-signup-and-newsletter-split-section-signup.json`
- [With Newsletter by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-footers-with-newsletter): A footer pairing link columns with an email signup field and button. Captures subscribers for promotions and offers while customers browse your store. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-footers-with-newsletter.json`

## Paid newsletter blocks

All 21 blocks, best first. Their registries sell these: each installs from its registry once bought.

- [Newsletter 02 - Newsletter Signup by @shadcn-space](https://shadcn.exchange/r/shadcn-space/newsletter-02): A visually engaging newsletter section crafted to grow your audience, combining category highlights with a simple signup form to encourage subscriptions and keep users informed.
- [Newsletter 04 - Minimal Split Subscribe by @shadcn-space](https://shadcn.exchange/r/shadcn-space/newsletter-04): A clean, minimal newsletter section pairing a headline and short note on the left with a compact email signup form on the right, set against an animated backdrop of falling light beams that spark on collision, wrapped in subtle micro-anima…
- [Newsletter 05 - Split Panel Subscribe by @shadcn-space](https://shadcn.exchange/r/shadcn-space/newsletter-05): A split-layout newsletter section pairing a headline, short note, inline signup form, and reader social proof with a decorative dotted panel where a mail icon floats among orbiting notification icons and rotating rings for a subtle micro-a…
- [Newsletter 03 - Community Circle Subscribe by @shadcn-space](https://shadcn.exchange/r/shadcn-space/newsletter-03): An animated newsletter section framed by floating community avatars, pairing an inviting headline with a simple email signup and social proof to grow subscriptions.
- [Newsletter Split by @blockforge](https://shadcn.exchange/r/blockforge/newsletter-split): Signup beside a CSS-drawn preview of the actual email.
- [Newsletter Signup 3 – Inline headline with minimal form by @shadcncraft](https://shadcn.exchange/r/shadcncraft/newsletter-signup-3): A compact newsletter signup pattern that places the email field inline with the headline. The layout minimizes friction and keeps attention focused on a single action, making it suitable for low-commitment sections or repeated placements.…
- [Newsletter Signup 2 – Value-led signup with supporting bullets by @shadcncraft](https://shadcn.exchange/r/shadcncraft/newsletter-signup-2): A newsletter signup pattern that leads with clear value before the email field. Short bullet points set expectations and reduce hesitation, while the form remains simple and easy to scan. The supporting visual reinforces product context wi…
- [Newsletter Signup 1 – Split layout with visual anchor by @shadcncraft](https://shadcn.exchange/r/shadcncraft/newsletter-signup-1): A newsletter signup pattern that pairs a simple email capture with a strong visual anchor. The form stays lightweight and prominent, while the adjacent product visual adds context and credibility. On smaller screens, the layout stacks to k…
- [Newsletter Signup 4 – Centered call to action with supporting microcopy by @shadcncraft](https://shadcn.exchange/r/shadcncraft/newsletter-signup-4): A centered newsletter signup pattern that emphasizes balance and clarity. The headline and form are vertically stacked to create a clear focal point, with supporting microcopy reinforcing trust without competing for attention. The layout w…
- [Newsletter 5 - Inverted newsletter band by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/newsletter5): Full-width inverted subscribe band with a validated email form and a success confirmation.
- [Newsletter 3 - Muted band newsletter by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/newsletter3): Compact full-width subscribe band with a validated inline email field and a success confirmation.
- [Newsletter 6 - Wide Designer Newsletter by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/newsletter6): A full-container newsletter panel with a heading, an email field, and three numbered perks under a hairline rule.
- [Newsletter 4 - Newsletter with feature list by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/newsletter4): Two-column subscribe section pairing a validated email form with three short perk descriptions and a success confirmation.
- [Newsletter 2 - Split newsletter with image by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/newsletter2): Two-column subscribe section with a validated email form beside a wide photograph and a success confirmation.
- [Newsletter 1 - Centered newsletter subscribe by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/newsletter1): Mid-page subscribe stack with a heading, email field, submit validation, and a success confirmation.
- [Newsletter sections by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/newsletter8): Tall section with a landscape background image, one centered sentence and a translucent email field with the Subscribe button placed inside the input, wrapped in a form.
- [Newsletter sections by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/newsletter5): Full width section with a background image, a large white headline, short text and an email input next to a secondary Subscribe button, aligned to the left.
- [Newsletter sections by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/newsletter6): Two column layout with a Subscribe badge, heading, text, stacked email input and full width Subscribe Now button plus three checked topics on the left, and a rounded photo on the right.
- [Newsletter sections by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/newsletter7): Edge to edge split section with a photo filling one half and a heading, text, stacked email input, full width Subscribe button and a privacy note on the other half.
- [Newsletter sections by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/newsletter2): Muted card split in two: a Newsletter badge, heading, text and three checked benefits on the left, and a labelled email form with mail icon, privacy hint, Subscribe button and reader count on the right.
- [Newsletter sections by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/newsletter4): Bordered panel on a muted background with a centered heading, text, email input and Subscribe button, four round member photos floating around it on desktop and an avatar group with a joined count.

## Registries with the most newsletter blocks

- [@shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks): 10 blocks, all free
- [@shadcnuikit](https://shadcn.exchange/r/shadcnuikit): 8 blocks, 2 free and 6 paid
- [@7ovr](https://shadcn.exchange/r/7ovr): 6 blocks, all free
- [@shadcnblocks](https://shadcn.exchange/r/shadcnblocks): 6 blocks, all paid
- [@shadcncraft](https://shadcn.exchange/r/shadcncraft): 5 blocks, 1 free and 4 paid
- [@shadcn-space](https://shadcn.exchange/r/shadcn-space): 5 blocks, 1 free and 4 paid
- [@blockforge](https://shadcn.exchange/r/blockforge): 4 blocks, 3 free and 1 paid
- [@hirael](https://shadcn.exchange/r/hirael): 2 blocks, all free
- [@uitripled](https://shadcn.exchange/r/uitripled): 2 blocks, all free
- [@velora](https://shadcn.exchange/r/velora): 2 blocks, all free
- [@atroui](https://shadcn.exchange/r/atroui): 1 block, free
- [@balick](https://shadcn.exchange/r/balick): 1 block, free
- [@ballmac](https://shadcn.exchange/r/ballmac): 1 block, free
- [@buzzform](https://shadcn.exchange/r/buzzform): 1 block, free
- [@corsair-ui](https://shadcn.exchange/r/corsair-ui): 1 block, free
- [@formscn](https://shadcn.exchange/r/formscn): 1 block, free
- [@geturui](https://shadcn.exchange/r/geturui): 1 block, free
- [@ilinxa](https://shadcn.exchange/r/ilinxa): 1 block, free
- [@lema-ds](https://shadcn.exchange/r/lema-ds): 1 block, free
- [@quill](https://shadcn.exchange/r/quill): 1 block, free