Email Capture
ProInstallation
ProRequires a Planes Pro license.
npx shadcn add @useplanes/email-capture
Works once the @useplanes registry is set up in your project (one-time). After that, copy and run commands directly.
Unlock with Planes Pro
$99 once · 161 Pro components · lifetime updates.
import { EmailCapture } from "@/components/ui/EmailCapture";
<EmailCapture
placeholder="you@company.com"
buttonLabel="Notify me"
successMessage="You're on the list"
onSubmit={async (email) => {
await fetch("/api/waitlist", { method: "POST", body: JSON.stringify({ email }) });
}}
/>Use cases
Marketing waitlist
Drop a low-friction CTA on a landing page without commandeering hero space.
Newsletter signup
Inline footer or blog signup that stays unobtrusive until tapped.
Product launch alerts
“Notify me when this ships” pattern for unreleased features or product variants.
Beta access requests
Gate an early-access program behind a single email field that confirms in place.