Skip to content

Instantly share code, notes, and snippets.

@QINGCHARLES
Created January 9, 2026 07:39
Show Gist options
  • Select an option

  • Save QINGCHARLES/158338a2b45a8b8f3390b75b902c47bc to your computer and use it in GitHub Desktop.

Select an option

Save QINGCHARLES/158338a2b45a8b8f3390b75b902c47bc to your computer and use it in GitHub Desktop.
UI patterns, UX audits, and design blogs

UI/UX Master Resource List

A curated collection of design patterns, audits, and blogs.

1. UX Audits, Case Studies & Psychology

Alternatives to Built for Mars. These sites focus on "why" a design works, offering teardowns, psychology, and research.

  • Growth.Design - Entertaining, high-quality UX case studies presented in a comic book format.
  • UserOnboard - Deep-dive "teardowns" of user onboarding flows from popular tech companies.
  • Case Study Club - A curated newsletter and directory of the best UX case studies from around the web.
  • GoodUI - Data-driven UI patterns based on real A/B test results (Version A vs. Version B).
  • Really Good UX (by Appcues) - Screenshots and explanations of specific UX moments like modals and tooltips.
  • Baymard Institute - Extremely deep, academic-level UX research, specifically for e-commerce.
  • Laws of UX - A visual collection of psychology principles that influence design (e.g., Hick’s Law).
  • Little Big Details - A curated collection of subtle, clever micro-interactions that improve user experience.

2. UI Libraries, Flows & Visual Patterns

Alternatives to Mobbin. These are massive libraries of screenshots and videos for visual inspiration.

  • PageFlows - Videos of user flows (e.g., "upgrading to pro") rather than static screenshots.
  • Refero - A comprehensive library of real-world web and iOS design patterns; a strong Mobbin competitor.
  • Pttrns - Mobile UI design patterns organized by year and category; great for quick reference.
  • SaaSFrame - SaaS-specific designs, including marketing websites, product interfaces, and email flows.
  • UI Sources - Recordings of end-to-end interactions in top-tier mobile apps.
  • Lapa Ninja - Landing page inspiration featuring full-page screenshots of marketing sites.
  • Landingfolio - Landing page and component inspiration with a robust filtering system.
  • UX Archive - Compares how different apps handle the same task (e.g., "Booking" or "Onboarding").
  • Godly - Wildly creative, high-end web design inspiration that pushes visual boundaries.
  • SaaS Interface - A gallery of SaaS app/dashboard typography, color palettes, and layouts.
  • Scrnshts - A curated collection of the best App Store & Play Store screenshots.
  • Design Vault - A library of UI patterns, specifically organizing elements like "permissions" or "empty states."

3. Practical & Dev-Friendly Design Blogs

Like Victor Ponamariov. Deep, actionable advice often suitable for developers and product designers.

  • Refactoring UI (Adam Wathan & Steve Schoger) - The gold standard for "developer-focused design." Highly tactical.
  • Nick Babich (UX Planet) - Prolific writer who breaks down specific UI elements (e.g., "The Anatomy of a Perfect Button").
  • Erik D. Kennedy (Learn UI Design) - Long-form, illustrated essays that demystify visual design logic.
  • Smashing Magazine - The heavyweight champion of technical web design and UX; bridges code and design.
  • Brad Frost - Creator of "Atomic Design." Essential for understanding design systems and architecture.

4. Top Medium Publications & Writers

The "Medium" ecosystem equivalents to Built for Mars.

  • UX Collective - The largest and most respected design publication on Medium.
    • Writer to Watch: Fabricio Teixeira.
  • Julie Zhuo (The Year of the Looking Glass) - Former VP of Design at Facebook. Focuses on product thinking and management.
  • Jared Spool - The "godfather" of usability. Writes aggressive, insightful articles challenging the status quo.
  • Prototypr.io - Focuses heavily on the tools and code side of design (Figma plugins, CSS tricks).
  • Taras Bakusevych - Writes excellent, visual-heavy comparisons of UI patterns (e.g., "Dropdowns vs. Radio Buttons").

5. Independent Deep-Dive Resources

High production value, often single-author blogs.

  • Nielsen Norman Group (NN/g) - Academic, research-backed rigor. The definitive source for usability data.
  • Checklist Design - Curated checklists for UI elements (e.g., "What do I need on a Login page?").
  • Humane by Design - Focuses on ethical design and respecting user attention/privacy.
  • User Guiding Blog - Practical style focusing heavily on onboarding flows and user adoption patterns.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment