Planes

Components

Controls

An email signup that expands from a button and animates from idle into a success state.

All components

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/email-capture

Unlock with Planes Pro

$99 once · 54 Pro components · lifetime updates.

<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.