nowfound

Life & fun · alternatives · 2026

24 alternatives to 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.

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… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes.

  1. 1IT
  2. 2DP

    2019 · darkpattern.games · its alternatives →

  3. 3
  4. 4

    Hello HN! We’re a small creative studio specializing in real-time 3D experiences. Netlify approached us to design and build an interactive experience to celebrate reaching 5 million developers. Inspired by the classic game Marble Madness, we created a gamified experience where users control a ball through playful, interactive levels. The goal was to blend marketing content with the look and feel of a game to engage users. The app is built with Three.js [1], using our custom render pipeline and shaders, and uses Rapier for physics simulation [2]. The 2D content is overlaid on the WebGL view…

    2024 · 5-million-devs.netlify.com · its alternatives →

  5. 5IS
  6. 6

    Level up with interactive mobile design patterns

    2016 · uipatterns.io · its alternatives →

  7. 7

    Build your FREE UI Library based on real UX-UI patterns.

    2021 · patttterns.com · its alternatives →

  8. 8

    Hey 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…

    2024 · interactive-tailwind.com · its alternatives →

  9. 9

    When I started my career and built my first design system, I was beyond excited. It took a lot of iterations, learning and 6 months of work to launch it internally. In the next job, I did it again, then at the following job, again… And no matter which company I worked for, 80% of the design system was the same. I’ve decided to work full-time on the design system I’ve always wanted, and today I’m launching and open-sourcing it. You can use it to build Next.js apps faster, and I’ve designed it in a way that it’s hard to go wrong with it: you can choose any settings, and you’ll end up with a…

    Dec 2025 · once-ui.com · its alternatives →

  10. 10

    A small fun app to test your CSS knowledge. Find the correct CSS selectors for the 10 puzzles as fast as possible.

    2022 · css-speedrun.netlify.app · its alternatives →

  11. 11

    Eight Colors is a block shifting game where the goal is to shift circular blocks to reach the target.

    2022 · eightcolors.net · its alternatives →

  12. 12

    This is a little toy project of mine that lets you simulate digital logic graphs. It was inspired by Minecraft's Redstone and the Piet esolang. It's got some serious drawbacks-- you write circuits as PNGs and simulate them with a Python interface. It's slow to run and slow to experiment with. And it is certainly difficult to use for people with any kind of color blindness. But despite that, I hope this can still be a fun toy!

    2022 · github.com · its alternatives →

  13. 13
    uEye▲129

    A free & fun game to learn UI design

    2021 · its alternatives →

  14. 14

    Learn to recognise the differences between font styles

    2018 · betterwebtype.com · its alternatives →

  15. 15

    Measure your UX design knowledge with interactive tests

    2022 · uxcel.com · its alternatives →

  16. 16
    playCSS▲171

    Improve your CSS skills by playing daily challenges

    2023 · its alternatives →

  17. 17

    An educational puzzle game. Solve a series of tasks where you build increasingly powerful components. Starts with the simplest logical components and ends up with a programmable computer.

    2018 · nandgame.com · its alternatives →

  18. 18
    Color▲80

    A color matching game

    2015 · color.method.ac · its alternatives →

  19. 19

    A small game for web developers

    2022 · iloveweb.dev · its alternatives →

  20. 20

    Pek Pongpaet teaches us successful UX is in design patterns.

    2016 · its alternatives →

  21. 21
    wefecsd▲92

    qwwqwqwdsd

    2018 · apps.apple.com · its alternatives →

  22. 22

    👾 The code for my Three.js game dev experiments on YouTube. - SuboptimalEng/three-js-games

    2022 · github.com · its alternatives →

  23. 23PW
  24. 24

    Learn programming in python by giving yourself superpowers in a minecraft world! - teachthenet/TeachCraft-Challenges

    2016 · github.com · its alternatives →

Also compare

Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →