Fraud Feed streams sign up attempts past the visitor: legitimate rows check off in green while fraudulent rows flash red, strike through, and land a blocked badge. New rows arrive on a loop, so the feed reads as a live moderation queue. Built with Framer Motion and React. Card title and description are props, making it a fit for fraud prevention and signup protection feature sections.
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 FraudFeed from "@/components/pro/blocks/fraud-feed";<FraudFeed />Props
| Prop | Type | Default | Description |
|---|---|---|---|
cardTitle | string | "Fraud and Abuse Prevention" | Title shown in the card overlay. |
cardDescription | string | "Prevent fraud and block high risk sign-ups before they get anywhere near your data." | Description shown in the card overlay. |
Related blocks
- API Keys
A user connected to a blinking server rack by packet-traveling rails while a live API key scrambles into place in an issued chip.
- Bot Radar
A rotating radar sweep with rings and crosshairs where user blips glow emerald and bot blips flash red with a blocked label.
- Magic Link
An ID card sliding into a scanner where a beam sweep reveals a scrambling verification code, then a checkmark and verified user appear.
- MFA Code
A six-digit multifactor code auto-filling box-by-box with focus pops and a typing indicator, resolving to a verified state on loop.
