TYPES


Accessibility

Appreciation

Consent

Decision Making

Feedback

Awareness

Landing Pages NEW

Onboarding

Pathfinding

ANNOUNCEMENTS


<aside> <img src="/icons/cursor-click_lightgray.svg" alt="/icons/cursor-click_lightgray.svg" width="40px" /> All sections now show a quick navigation bar on top

</aside>

<aside> <img src="/icons/tag_lightgray.svg" alt="/icons/tag_lightgray.svg" width="40px" /> Some categories were renamed for easy understanding

</aside>

<aside> <img src="/icons/layers_lightgray.svg" alt="/icons/layers_lightgray.svg" width="40px" /> Now you can filter between Desktop, Tablet and Mobile tabs

</aside>

All patterns

ABOUT THE SITE


This is a catalog of interaction patterns found on real software. Interaction patterns best definition comes from About Face (1995) as «means of capturing useful design solutions and generalizing them to address similar problems».

HOW TO USE THIS SITE


✔ Share existing patterns with your team

✔ Gather references and inspiration

✔ Learn from #1 software companies

✔ Always keep learning

Powered by Fruition
PATTTTERNS - An open catalog of design patterns | Product Hunt