Shadcn.io is not affiliated with official shadcn/ui
CTA Email Capture Light Pill
A light email capture CTA for React and Next.js with a bordered card, status-dot announcement pill, inline email form, AnimatePresence success state, and user count trust row, built with shadcn/ui and Tailwind CSS
Convert visitors with this light email capture CTA for React and Next.js. Features a status-dot announcement pill above the headline, an inline flex-1 Input plus shrink-0 ShadcnioButton form, a success state transition via AnimatePresence, and a user count trust row with a Lucide UsersIcon below. Built with TypeScript, ShadcnioButton and Input from shadcn/ui, motion/react entrance animations, and Tailwind CSS. Perfect for product launches, early access programs, waitlist signups, and any conversion section that needs a low-commitment single-field capture.
Related Components
Waitlist CTA
Early access waitlist signup form
Newsletter CTA
Centered email capture CTA section
Free Trial CTA
Centered dark CTA with inverted primary button
Early Bird CTA
Early bird pricing conversion band
Product Hunt CTA
Product Hunt launch announcement CTA
Referral CTA
Team referral invite block
FAQ
Was this page helpful?
Sign in to leave feedback.
Compact Version Banner
A compact single-row CTA banner for React and Next.js with monospace version badge, one-line summary, and inline small ShadcnioButton, built with shadcn/ui and Tailwind CSS
Left Right Dark Compliance Badges
A left right dark CTA section for React and Next.js with a shield icon headline cluster, uppercase compliance badge row, and dual inverted ShadcnioButton actions built with shadcn/ui and Tailwind CSS