Interactive game teaching dark patterns in UX design
I built this educational game to help people identify and understand dark patterns in digital products. It features 10 interactive scenarios based on real-world examples. The game includes: • Interactive pattern recognition scenarios • Explanations of psychological principles • Simulated real-world examples with guided feedback Built with Next.js, TypeScript, and Tailwind. I'd especially appreciate feedback on the educational approach and scenario design.
Interactive game teaching dark patterns in UX design launched on January 17, 2025 with 179 votes, #220 of 6,142 launches that month and more than 95% of that year's launches. The site was still online in September 2026, 1 year on.
In plain words
This educational game teaches players to identify dark patterns in user interface design through 10 interactive scenarios based on real products. Players encounter pattern recognition challenges, learn the psychological principles behind manipulative design tactics, and receive guided feedback on simulated examples. Built with Next.js and TypeScript, it's designed for anyone wanting to understand how digital products can exploit user behavior and decision-making.
written from the facts on this page · September 2026
From the sources
Interactive games and tools exploring how products are designed and how they shape your decisions.
Uncover the hidden design tricks that manipulate user decisions online. Sharpen your ability to detect subtle tactics that mislead users. Learn how design exploits human instincts to shape behavior. Empower yourself to navigate and challenge deceptivefrom games.productartistry.com
Does a similar job
all alternatives →- ITI taught my little brother JS, and he made this videogame in a week2019 · s-poony.github.io · ▲1,079
- DPDark Patterns in Game Design2019 · darkpattern.games · ▲26
I built a game to help you learn neural network architectures2024 · graphgame.sabrina.dev · ▲321
Interactive Tailwind2024 · interactive-tailwind.com · ▲153Hey HN! I’m excited to share the revamped version of Interactive Tailwind, a hands-on platform designed to help developers learn Tailwind CSS through practical exercises. Our initial launch on Product Hunt was well-received, and after gathering feedback and seeing how much users enjoyed it, we decided to take things further. Here’s what’s new in this version: - Revamped learning structure: We’ve revisited the order of levels to make the learning journey smoother and more intuitive. - Background music: For a more enjoyable coding atmosphere. - Fresh design: Cleaner UI to make the experience…
CSS Speedrun – A small game to test and improve your CSS knowledge2022 · css-speedrun.netlify.app · ▲213A small fun app to test your CSS knowledge. Find the correct CSS selectors for the 10 puzzles as fast as possible.
More life & fun this month
the category →
A free city-building game in your browser. You are the mayor. You know what the city needs. Now get it past the zoning board, the neighbors, the appeals court and the next election.
Life & fun · 1d ago · permit.petercai.com
- IV
Life & fun · 13d ago · tanzaniaeducationproject.org

Turn a phone, tablet or TV into a sign. Type a message and it fills the screen: welcome signs, timers, Wi-Fi passwords and more. No app, no account, free.
Life & fun · 14d ago · bigwords.page

Play a free virtual guitar online with your keyboard or by touch. Slow songs down and see every chord, string and strum. Acoustic, classic, electric and bass.
Life & fun · 8d ago · guitoro.com

Carrier settings from iPhone, Pixel and Galaxy firmware, decoded and compared: APNs, VoLTE, 5G and Wi-Fi Calling per carrier, and what each build changed.
Life & fun · 12d ago · carrierexplode.com

Life & fun · 22d ago · space.bl2.net
Source: Show HN post ↗
Launched alongside, January 2025
the whole month →
Hello! I'm Byran. I spent the past ~6 months engineering a laptop from scratch. It's fully open-source on GH at: https://github.com/Hello9999901/laptop
Dev tools · 2025 · byran.ee
- TITetris in a PDF▲1,289
I realized that the PDF engines of modern desktop browsers (PDFium and PDF.js) support JavaScript with enough I/O primitives to make a basic game like Tetris. It was a bit tricky to find a union of features that work in both engines, but in the end it turns out that showing/hiding annotation "fields" works well to make monochrome pixels, and keyboard input can be achieved by typing in a text input box. All in all it's quite janky but a nice reminder of how general purpose PDF scripting can be. The linked PDF is all ASCII so you can just open it in a text editor, or have a look at…
Life & fun · 2025 · th0mas.nl
21st.dev▲1,211I originally built this app to organize and reuse interesting React + Tailwind components I came across on Twitter, inspired by the shadcn/ui approach. Later, a friend started contributing their own components, and it got me thinking—this could grow into something bigger, like an NPM for design engineers to share and use components. Would love to hear your thoughts!
Dev tools · 2025 · 21st.dev

Create lifelike, personalized AI avatars from text prompts
AI · 2025 · jogg.ai


CSS library based on Counter Strike 1.6 UI.
Life & fun · 2025 · cs16.samke.me