Stop putting everything in a modal.
Run through a quick set of decisions. Get the least disruptive pattern that still does the job.
Under a minute. Zero regrets.Six patterns. Different jobs.
The component is the consequence. The constraint comes first.
Modal
It blocks the interface for a short decision the user deliberately started.
Drawer
It opens a side workspace for a secondary task, without making the page behind disappear.
Popover
It opens a small layer in the right spot for a quick choice or a bit of help, without disturbing the rest of the page.
Dedicated page
It gives a complex task the space, the URL, and the time it deserves.
Inline expansion
It reveals more content directly in the page, exactly where the user needs it.
Toast
It quickly confirms that something happened, then disappears without interrupting the work.
Three steps, one clear answer.
No account, no fluff. Just a straight recommendation you can defend.
- 1
Go through the cards, one decision at a time
About the task, the context, and who triggered it. Swipe or tap. Never type.
- 2
We weigh the constraints
A deterministic engine scores all six patterns against your answers.
- 3
You get a verdict
One pattern, the reasons, the risks, and the code to start from.
Questions? We've got answers.
Everything you might wonder before you trust the verdict.
What is this, exactly?
A decision tool. You describe an interaction, it recommends the least disruptive UI pattern that still fits: modal, drawer, popover, page, inline, or toast.
How does it decide?
The engine compares all six patterns against your answers. Same answers, same verdict. No black box, no AI guessing.
Do you store my data?
No account, no backend, no tracking. Your answers live in the URL so you can share a result. That's it.
What if the verdict feels wrong?
Change one answer and watch it shift. The tool shows its reasoning, so you can argue with it. And sometimes you should.