Design Atlas
Type
pattern library
Verdict
Useful
Licence
Conditional licence, cc noncommercialcc-noncommercialThe site's written pattern material is CC BY-NC-SA 2.5 Denmark; give attribution, share adaptations under the same terms and keep use noncommercial. The website is free to browse; printed card decks start at $49 at review. Embedded screenshots and linked products retain their owners' rights.
Agent channels
none
Pricing
freemium
Reviewed

← Atlas · Topics: ux-patterns, inspiration

UI-Patterns.com ​

Type
pattern library
Verdict
Useful
Licence
Conditional licence, cc noncommercialcc-noncommercialThe site's written pattern material is CC BY-NC-SA 2.5 Denmark; give attribution, share adaptations under the same terms and keep use noncommercial. The website is free to browse; printed card decks start at $49 at review. Embedded screenshots and linked products retain their owners' rights.
Agent channels
none
Pricing
freemium
Reviewed

What it is ​

A reference library of common UI patterns and persuasive-design concepts. The pattern pages combine a short problem summary with an example, usage guidance, a proposed solution, rationale and discussion.

When to open it ​

Open the design-pattern index when naming a familiar interaction or comparing ways to handle a recurring interface task. Use the screenshot browser when you need real product examples to inspect by pattern, color, site or search term.

Most useful ​

A detail page such as Drag and drop puts the problem before its suggested solution, then shows an example from Stamps & Sons and notes that keyboard or other alternatives matter because dragging is not fully accessible. The screenshot browser connects examples back to named patterns and source domains. This is useful for finding a case to study, though the captures can be old and may not reflect the current site.

Using it with agents ​

No MCP, API, CLI, llms.txt or other agent interface was found at review. The browser pages expose searchable pattern names and screenshot records, so an agent can open a named pattern or use the screenshot filters directly. Follow the source domain to check a current implementation before recommending it.

Watch out for ​

The examples are a reference archive, not current implementation guidance. Check the original page before relying on an interaction, and look for accessible alternatives. Persuasive patterns need an ethical review in context. The written library is licensed for noncommercial sharing with attribution; the linked screenshots and products have separate rights.

Reusable ideas ​

Describe an interface pattern with the user problem it solves, the conditions where it fits, one concrete example and its limits. Compare alternatives by user goal and context instead of treating a pattern name as a requirement.

Laws of UX, User Interface Wiki, Interface Design, Awesome Design Systems