UI Atlas

1) Search that matches real wording

• Use plain terms like “drawer menu”, “pricing table”, “confirm dialog”, or “FAQ accordion”.
• Search checks names, aliases, short summaries, practical intent, beginner wording, and purpose terms.
• If results are broad, add one context term (for example: “mobile checkout confirmation”).

2) Filters narrow options before detail review

• Category is best for broad direction (navigation, forms, data display, etc.).
• Purpose helps separate risky actions, quick actions, discovery, and mode switching.
• Mobile fit + difficulty is a practical pair for balancing UX and implementation constraints.

3) Detail view: decide with confidence

• Open detail from any card to inspect the larger live sample.
• Use Best for / Not for and implementation notes to avoid pattern misuse.
• Copy the short AI prompt and adapt it with your product context.

4) Compare flow (max 2 in free)

• Add up to two patterns from cards, then review readable differences and a decision hint.
• The compare limit is intentionally two so trade-offs stay fast and concrete.
• Clear is always available when at least one item is selected.

5) Favorites and recent views are local

• Favorites help pin repeatedly used patterns in your current browser.
• Recent views keep your latest reading trail so you can return quickly.
• Both are stored locally and currently do not sync across devices.

What is free right now

Search, filtering, detail, live samples, local favorites/history, and 2-item compare are all available in the current free release.

Back to UI Atlas Home and start browsing patterns.