An interactive catalogue of deceptive user experience patterns — the dark patterns, manipulative interfaces, and persuasive mechanisms used to influence decisions online.
Each pattern is documented as an interface specimen: named, classified, explained, and kept at a professional distance. The project includes interactive live demonstrations, severity ratings, psychological breakdowns, and ethical alternatives for every pattern.
- 40 documented patterns across 10 categories (Urgency, Pricing Traps, Subscription Traps, Interface Manipulation, Privacy, Social Engineering, Attention Capture, Gamification Abuse, Mobile Addiction, Trust & Authority Abuse)
- Interactive live specimens — Fake Countdown, Cookie Simulator, Pricing Trap
- Detailed visual examples for every pattern, built as realistic UI mockups
- Toxicity / severity meter (1–5 scale)
- Bilingual — English and Spanish (custom i18n, no external dependency)
- No backend required — all data in typed TypeScript files
Next.js 16 · React 19 · TypeScript · Tailwind CSS 3
npm install
npm run devOpen http://localhost:3000.
| Command | Description |
|---|---|
npm run dev |
Start development server |
npm run build |
Production build |
npm start |
Start production server |
npm run lint |
Run ESLint |
app/ # Next.js App Router pages (EN + /es/ for Spanish)
components/ # Reusable React components
content/ # Future MDX pattern content
lib/ # Pattern data, i18n, types, utilities
MIT © Mikel Aramendia