Velocity X Components

Growth & Conversion

Waitlist Signup Block

An inline email-capture block for a pre-launch waitlist that leads with social proof (how many people have already joined) and tells the visitor exactly where they landed in the queue on success.

Subscription Included with the Velocity Components subscription.
bash
$ velocityx add waitlist-signup-block

Built for react. Needs react already installed as a peer dependency. An Astro-only project needs @astrojs/react wired up first — this won't run on its own in plain Astro.

Full docs for Waitlist Signup Block →

Needs a licence key — subscribe here, then velocityx loginonce.

react v1.0.2 react
Waitlist Signup Block
Early access

Join the waitlist.

We're onboarding in small batches so every new account gets real attention. Pop your email in and we'll let you know the moment a spot opens.

1,248 people already on the list

No spam. We'll only email you about your access.

Props

NameTypeRequiredDefaultDescription
endpointstringNo'/.netlify/functions/waitlist-signup'Where the email is POSTed (JSON: { email }).
initialCountnumberNo1248How many people are already on the list, for social proof.
eyebrowstringNo'Early access'
headlinestringNo'Join the waitlist.'
subheadstringNo"We're onboarding in small batches so every new account gets real attention. Pop your email in and we'll let you know the moment a spot opens."
placeholderstringNo'you@email.com'
ctastringNo'Join waitlist'
successHeadlinestringNo"You're in."Shown above the success state; {position} is replaced if known.
successBodystringNo"We'll email you the moment your spot opens."

File this creates

The CLI writes this path into your project, relative to its root — nothing else moves.

text
components/velocity/waitlist-signup-block/WaitlistSignupBlock.tsx

Using the Waitlist Signup Block component

Install it with velocityx add waitlist-signup-block. The CLI writes the source straight into your project — no runtime dependency, no registry lock-in, and it themes itself from the same primary-*/accent-* scale as the rest of the library.

More from Growth & Conversion.