Block · CLI · Host API
Newsletter Form
Email capture form.
Preview
npx shadcn@latest add @atroui/newsletter-formInstallation
Agent blurb — install command + no npm UI rule. For agents
npx shadcn@latest add @atroui/newsletter-formSource lands in your repo. Installation · Registry · Host APIs
Usage
Posts to /api/newsletter. Install @atroui/api-newsletter (Resend audience or SMTP). See Installation.
tsx
import { NewsletterForm } from "@/components/blocks/newsletter-form"
<NewsletterForm />API reference
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | - | Extra classes. |
Add a newsletter field that actually subscribes
UI-only is a styled input. The Host API is the part people skip: validation, honeypot, and Resend segment vs SMTP. Same install-mode story as contact — CLI first, npm only for the route.
FAQ1
- Why 503 on the docs site?
- atroui.com does not ship a shared Resend key. Without consumer env, handlers refuse paid side effects. That is intentional BYOK.
Part of Next.js forms with Host APIs.
Newsletter Form