Verify Email 3 - Verified success statePro
A full-width confirmation screen with an animated check mark, the verified address and a short checklist of what is now unlocked, plus primary and secondary next actions. Use it as the landing page after someone clicks the link in your verification email.
About Verify Email 3
A full-width confirmation screen with an animated check mark, the verified address and a short checklist of what is now unlocked, plus primary and secondary next actions. Use it as the landing page after someone clicks the link in your verification email.
Verify Email 3 is a pro verify email block for React, built on shadcn/ui and Tailwind CSS with motion animations that respect reduced-motion settings. It ships as 91 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.
- verify email
- success
- confirmed
- onboarding
- check
- auth
Installation
- Add the Chocolate UI registry to your
components.json(see the installation guide). - Run the shadcn CLI:
npx shadcn@latest add @chocolate/verify-email-03Dependencies installed automatically: lucide-react, motion.
Uses: button, reveal, use-reduced-motion, utils.
Usage
import VerifyEmail03 from "@/components/blocks/verify-email-03"
export default function Page() {
return <VerifyEmail03 />
}