Email Verify Email
Verify email address template.
Choose the primitives library your project already uses. Both look the same: your theme, not the variant, controls colors, shape, type and motion.
About this email
What it's for
- Verify email address template.
- Email confirmation email with code after signup.
- Confirm your email address email for my app.
For passwordless sign-in, use Email Magic Link. For password resets, use Email Password Reset.
Includes
- Verify email
- Email confirmation
- Verification code
- Confirm button
- Expiry
- Plain text
- Preheader
- Dark mode
Works with
- Radix UI and Base UI primitives (pick the one your project uses)
- React 19 and Tailwind CSS 4 in Next.js (App Router), Vite, React Router or TanStack Start, installed with the agentic-ui or shadcn CLI
- Your theme tokens, in light and dark mode
Install
Included with Agentic UI Kit (one-time license). Install needs your license key: see pricing · connect your project.
Agentic UI CLI
agentic-ui add email-verify-emailInstalls through shadcn and adapts the component to your design tokens.
shadcn CLI
npx shadcn@4.17.0 add @agentic-ui/email-verify-emailUsed in
A standalone component: drop it into any screen.
- Type
- Variants
- Radix UI and Base UI
- Themes
- Light and dark
- Widths
- Preview it at desktop, tablet and mobile widths above.
- npm packages
- None beyond your project's React and Next.js
- Registry dependencies
email-kit- Files
1 file
- components/agentic-ui/email-verify-email/email-verify-email/email-verify-email.tsx
Related components
Email Account Deleted
Account deleted confirmation email.
Details and live previewEmail File Ready
Export ready email with download link.
Details and live previewEmail Kit
Shared email layout and theme for transactional emails that match the app's theme preset.
Details and live previewEmail Magic Link
Magic link sign in email.
Details and live preview