Newsletter 1 - Centered newsletter subscribe

Pro

Mid-page subscribe stack with a heading, email field, submit validation, and a success confirmation.

Shadcn Newsletter 1 block

Component data

ID
newsletter1
Access
pro
Created
Aug 20, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Newsletter 1 block design & features

Newsletter1 is a centered mid-page subscribe stack built with shadcn/ui. A heading and supporting paragraph sit above an email field that shares a row with the subscribe button. A short disclaimer sits underneath.

Submitting checks the email once, shows a loading label on the button, then replaces the form with a short success confirmation. Invalid addresses stay inline under the field until the next attempt.

The section uses default page padding and a plain background. The form column is narrow so the heading stays readable. There is no card.

This is the straightforward newsletter section. Complexity is low and copy-driven.