Arrête de tout mettre dans une modale.
Fais défiler 12 décisions rapides. Tu repars avec le pattern le moins agaçant qui fait quand même le job.
Moins d'une minute. Zéro regret.Six patterns. Six usages.
Le composant est la conséquence. La contrainte vient d'abord.
Modale
Une couche ciblée et bloquante pour une décision courte déclenchée volontairement.
Drawer
Un espace latéral contextuel pour une tâche secondaire qui demande de la place.
Popover
Une couche compacte et refermable attachée au contrôle ou à l’objet qui l’a ouverte.
Page dédiée
Une destination stable pour un travail complexe, multi-étapes, enregistrable ou partageable.
Expansion inline
Du contenu ou des contrôles révélés là où ils appartiennent, sans ajouter de nouvelle couche.
Toast
Un feedback système bref et non bloquant qui confirme un résultat sans interrompre le travail.
Trois étapes, une réponse claire.
Pas de compte, pas de blabla. Juste une reco que tu peux défendre.
- 1
Swipe 12 cartes
Sur la tâche, le contexte et qui a déclenché l'action. Tu swipes ou tu cliques, tu ne tapes pas.
- 2
On pèse les contraintes
Un moteur déterministe note les six patterns selon tes réponses.
- 3
Tu obtiens un verdict
Un pattern, les raisons, les risques et le code pour démarrer.
Des questions ? On a les réponses.
Tout ce que tu peux te demander avant de faire confiance au verdict.
C'est quoi, au juste ?
Un outil de décision. Tu décris une interaction, il te recommande le pattern le moins intrusif qui fait le job — modale, drawer, popover, page, inline ou toast.
Comment il décide ?
Un petit moteur déterministe note chaque pattern selon tes six réponses. Mêmes réponses, même verdict — pas de boîte noire, pas d'IA au pif.
Vous stockez mes données ?
Aucun compte, aucun backend, aucun tracking. Tes réponses vivent dans l'URL pour que tu puisses partager un résultat — c'est tout.
Et si le verdict semble faux ?
Change une réponse et regarde-le bouger. L'outil montre son raisonnement, donc tu peux le contredire — et parfois tu devrais.