OTP Notification stages one time passcode delivery across devices: a phone receives the OTP notification, then the code's digits fly out one by one into surrounding app tiles, each tile flashing as its digit lands. Built with Framer Motion and React. Card copy is prop driven, ready for OTP and messaging feature grids.
Installation
Install dependencies.
Copy and paste the following code into your project.
Unlock the full library
Get all pro blocks, components & illustrations, and production-ready Next.js + Tailwind templates.
Update the import paths to match your project setup.
Usage
import OtpNotification from "@/components/pro/blocks/otp-notification";<OtpNotification />Props
| Prop | Type | Default | Description |
|---|---|---|---|
cardTitle | string | "One-Time Passcodes" | Title shown in the card overlay. |
cardDescription | string | "Fast and reliable delivery with built-in brute force prevention." | Description shown in the card overlay. |