For AI Agents
Hand your agent this brief or the ReUI MCP, not a screenshot. Installs with a ReUI Pro or Ultimate license.
Best for: A Sunday newsletter signup with a mail icon email field and 5 overlapping subscriber portraits beside a joined count
When to use
- A closing get started band with a headline and 1 or 2 actions, some backed by logos, avatars or a rating
- Email capture for a newsletter, a waitlist or release updates, with an inline email field and submit button
- A sales prompt that books a call or opens a contact route rather than a self-serve signup
When not to use
- A first screen where the email field sits beside a product console above the fold: use the Hero blocks
- A card that lists the team email address for visitors to write to: use the Single Email Contact block
- A compact promo tile with 1 button, sized to sit beside other cards in an app page: use the Card blocks
- A sign in or sign up page with a password, a magic link or social provider buttons: use the Auth blocks
Agent notes
onSubmitonly callspreventDefault, so Subscribe sends nothing; read theInputGroupInputvalue and post it to your mailing list- The 5
AvatarImageportraits are Unsplash stock and the 1,247 joined count is typed text; replace both with real subscriber data - The headline and every action label are written inline in
Ctain components/cta.tsx, never in a data file; rewrite them there - No action is wired: every
hrefis a placeholder hash and no email form reaches a backend; connect real routes and a submit handler
https://web.dev.reui.io/blocks/marketing/cta/cta-1.mdget_block("cta-1")npx shadcn@latest add @reui/cta-1Shadcn Components in the Newsletter CTA Block
Shadcn Newsletter CTA Block
Centered newsletter signup CTA with mail-prefixed email input and avatar-stack subscriber proof. Part of the ReUI Shadcn Marketing CTA blocks collection.
Centered newsletter CTA: badge eyebrow, headline, lede, a mail-prefixed email field with Subscribe button, and an overlapping avatar stack with subscriber count. ReUI Badge, shadcn InputGroup, Avatar, Button. Email capture, mailing-list opt-in.
It is composed from Avatar, Badge, Button, Input Group, so every part of it is a primitive you can restyle with your own design tokens.
What You Can Build With the Newsletter CTA Block
- Install it with the ReUI registry command in the toolbar above, then swap the placeholder content, data wiring, and business logic for your own.
- Compare it across all eight ReUI styles and both the Base UI and Radix bases in the customizer before committing to one direction.
- Combine it with the other Shadcn Marketing CTA blocks to assemble a full screen instead of a single section.
All Shadcn Marketing CTA Blocks
The rest of this category, each on its own page with a live preview, the components it is built from, and the install command.
- Feature Strip CTA Split CTA card with image media panel, badge eyebrow, dual link buttons, and feature trust strip
- Work Email CTA Centered Frame CTA with animated grid background, badge eyebrow, and single email capture form
- Proof Grid CTA Centered marketing CTA with badge eyebrow, framed three-column proof grid, and dual link buttons
- Headline Only CTA Full-width aurora-gradient CTA banner with a two-line headline and one rounded-full pill button
- Final Conversion CTA Dark violet CTA banner with animated neon sine-wave line-stream backdrop and one rounded-full button
- Agency Booking CTA Animated analytics dashboard mockup on a gradient mesh beside CTA copy and a scrolling logo marquee
- Footer Docs CTA Night Earth CTA banner with WebGL city lights turning on the globe beside light and outline buttons
- Space Launch CTA Frosted glass CTA panel over a star field with an orange sun and a turning night Earth
- Tool Handoff CTA Figma and Cursor brand-button CTA centered under a pill eyebrow badge and a 9-avatar builder stack
- Customer Logos CTA Masked tower photo cutout bleeding off an emerald CTA banner with a looping wordmark marquee
- Proof Points CTA Rotating Mars CTA banner on dotted indigo with paired buttons and 3 pulsing proof checks
- MCP Integrations CTA MCP integrations CTA banner with 11 floating extruded logo tiles on an isometric grid floor
- Release Updates Signup Dark newsletter signup banner with inline email join form and a rotating WebGL night Earth
- Outcome Checklist CTA Outcome checklist CTA banner on emerald with 4 checked items, an amber action and lime corner glows
- Sales Contact CTA Sales contact CTA banner with the headline left and Contact Us and Book a Call buttons right
- Review Rating CTA Star rating review pill CTA on a dark dot-grain banner with a centered brand logo tile
Related Shadcn Marketing Block Categories
- Blog (6) Blog post layouts, article grids, and content listing components for editorial sites.
- Compare (3) Versus sections that set a product against the workflow it replaces, as a feature matrix, a card beside a plain list or 2 step tracks.
- Contact (6) Contact forms, support and enquiry sections, and office detail panels for business and portfolio sites.
- FAQ (6) FAQ and accordion sections for common questions, knowledge bases, and support pages.
- Hero (16) Hero sections with announcement pills, two-tone headlines, dual calls to action, and framed product consoles.
- How It Works (5) How it works sections that walk a product in numbered steps, from step grids to tabs that swap a product console.
All Shadcn Block Groups
Browse the full ReUI Shadcn blocks library by product surface. Each group bundles category-level blocks you can mix and match across your project.
- Shadcn Application Blocks (303) Browse 303 Shadcn Application blocks across 23 categories.
- Shadcn Data Grid Blocks (47) Browse 47 Shadcn Data Grid blocks across 9 categories.
- Shadcn Charts Blocks (52) Browse 52 Shadcn Charts blocks across 10 categories.
- Shadcn Solutions Blocks (76) Browse 76 Shadcn Solutions blocks across 11 categories.
- Shadcn AI & Agents Blocks (22) Browse 22 Shadcn AI & Agents blocks across 3 categories.
- Shadcn eCommerce Blocks (87) Browse 87 Shadcn eCommerce blocks across 13 categories.
- Shadcn Marketing Blocks (67) Browse 67 Shadcn Marketing blocks across 8 categories.
Frequently Asked Questions
When should I use the Newsletter CTA block?
Use it for a Sunday newsletter signup with a mail icon email field and 5 overlapping subscriber portraits beside a joined count.
The CTA category fits:
- A closing get started band with a headline and 1 or 2 actions, some backed by logos, avatars or a rating
- Email capture for a newsletter, a waitlist or release updates, with an inline email field and submit button
- A sales prompt that books a call or opens a contact route rather than a self-serve signup
For a first screen where the email field sits beside a product console above the fold, use the Hero blocks. For a card that lists the team email address for visitors to write to, use the Single Email Contact block. For a compact promo tile with 1 button, sized to sit beside other cards in an app page, use the Card blocks. For a sign in or sign up page with a password, a magic link or social provider buttons, use the Auth blocks.
What is the Newsletter CTA block built with?
Can I restyle the Newsletter CTA block?
How should I use Shadcn cta blocks in a real project?
Start building with ReUI Pro today.
Every Pro block, every style, and every future addition, with one license for unlimited projects.
From $249, once. Lifetime updates.