Modal, drawer or toast? Answer a few questions, get the right one.

A free quiz for designers and developers. You get the least disruptive pattern for your case, with its risks, accessibility rules and a code example.

Start the quiz
Six to twelve cards, yes or no.

The six patterns

Each card opens a guide: when to use it, when to avoid it, and an example.

  1. Modal

    A focused, blocking layer for a short decision the user intentionally started.

    HighSimple

  2. Drawer

    A contextual side workspace for secondary tasks that need room without leaving the page.

    MediumModerate

  3. Popover

    A compact, dismissible layer attached to the exact control or object that opened it.

    LowSimple

  4. Dedicated page

    A stable destination for complex, multi-step, saveable, or shareable work.

    MediumComplex

  5. Inline expansion

    Content or controls revealed exactly where they belong, without adding another interface layer.

    NoneSimple

  6. Toast

    Brief, non-blocking system feedback that confirms an outcome while work continues.

    LowSimple

How it works

No account. Your answers live in the page address, not in a database.

  1. 1

    Answer the cards

    Each card describes your interaction: who starts it, how much content, whether it blocks the flow. Swipe right for yes, left for no, or use the arrow keys.

  2. 2

    The engine counts points

    Each answer adds or removes points for the six patterns. A few rules rule out impossible cases. The same answers always give the same result.

  3. 3

    You read the verdict

    The chosen pattern, why it fits, its risks, the accessibility rules and an HTML example to start from.

Common questions

What is this, exactly?

A decision tool. You describe an interaction in a few yes-or-no answers. It recommends the least disruptive pattern that fits: modal, drawer, popover, dedicated page, inline expansion or toast.

How does it decide?

With a fixed scoring grid. Each answer adds or removes points for each pattern, and the highest score wins. There is no AI involved. Same answers, same verdict.

Do you store my data?

No. There is no account, no database and no analytics. Your answers live in the page address, so you can share a result. The site only keeps your language in a cookie.

What if the verdict feels wrong?

Change one answer and watch the result move. The result page shows the answers that weighed most, so you can check the reasoning and argue with it.