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 dark newsletter banner whose one email field and Join button give way to a polite live confirmation on submit
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
- Many labeled fields in rows, with selects and checkbox groups to fill in: use the Form blocks
- A version history listing releases with dates and change badges: use the Release Changelog block
- The first screen of a page, with the main headline and a product console above the fold: use the Hero blocks
- 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 callspreventDefaultand setsjoined, so the email goes nowhere; send the address to your list or API there- The confirmation shown when
joinedis true is fixed copy promising a Thursday issue, with no error or retry state; match it to your real send day EARTHis an Unsplash night photo that doubles as the WebGL texture; a different image needs matchingDISCvalues in planet.tsx- 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-14.mdget_block("cta-14")npx shadcn@latest add @reui/cta-14Shadcn Components in the Release Updates Signup Block
Shadcn Release Updates Signup Block
Dark newsletter signup banner with inline email join form and a rotating WebGL night Earth. Part of the ReUI Shadcn Marketing CTA blocks collection.
Release updates signup: an @-prefixed email field and Join button swap to an aria-live confirmation on submit, over a 3px dot mesh and a blue bloom that pulses on a 12s loop. shadcn Card, Input Group, Button. Changelog, product news.
It is composed from Button, Card, Input Group, so every part of it is a primitive you can restyle with your own design tokens.
What You Can Build With the Release Updates Signup 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.
- Newsletter CTA Centered newsletter signup CTA with mail-prefixed email input and avatar-stack subscriber proof
- 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
- 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 Release Updates Signup block?
Use it for a dark newsletter banner whose one email field and Join button give way to a polite live confirmation on submit.
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 many labeled fields in rows, with selects and checkbox groups to fill in, use the Form blocks. For a version history listing releases with dates and change badges, use the Release Changelog block. For the first screen of a page, with the main headline and a product console above the fold, use the Hero blocks. 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 Release Updates Signup block built with?
Can I restyle the Release Updates Signup 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.