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.

Block

CLI registryHost API

Newsletter Form

Email capture form.

Preview → install → use

Preview

npx shadcn@latest add @atroui/newsletter-form

Source lands in your repo. Setup: Installation · Registry catalog · Host APIs.

Usage

Posts to /api/newsletter. Install @atroui/api-newsletter (Resend audience or SMTP). See Installation.

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.

FAQ

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.