Home Discover Tools Trending Categories Submit

Language

Theme Mode

Product Patterns

Real UX patterns from real products, backed by psychology and design frameworks.

Product Patterns is a comprehensive library of real-world UX patterns sourced directly from popular products. It breaks down user interface designs, explains the underlying psychological principles, and identifies potential failure modes. The platform helps designers and product managers understand why certain patterns work and how to apply them effectively.

Free

How to use Product Patterns?

Browse patterns by product, category, or tag. Explore psychological theories and frameworks to understand the 'why' behind design choices. Use the library to identify effective patterns for onboarding, habit formation, pricing, and more. Contribute by sharing screenshots of patterns observed in real products.

Product Patterns 's Core Features

Real product screenshots, not mockups

Categorized patterns by product, UX anti-patterns, and broken interactions

Detailed explanations of psychological principles and biases

Frameworks organized by user journey stages and problem types

Identification of pattern failure modes

Ability to contribute new patterns and screenshots

Search functionality across patterns, companies, theories, and biases

Product Patterns 's Use Cases

Improving user onboarding flows

Designing for habit formation and retention

Optimizing pricing pages and checkout processes

Understanding and applying behavioral psychology in design

Identifying and avoiding common UX anti-patterns

Benchmarking against successful product designs

Enhancing user engagement and conversion rates

Product Patterns 's FAQ

Most impacted jobs

UX Designer

Product Manager

UI Designer

UX Researcher

Product Designer

Frontend Developer

UX Writer

Product Patterns 's Tags

#UX Patterns #Behavioral Psychology #Design Frameworks #User Experience #Product Design #UI Design #Anti-patterns #Broken UX

Product Patterns 's Alternatives

Flowstep 1.0

Turn your wildest ideas into real UI – no paintbrush required.

Figma for Agents

Your AI-powered design co-pilot that turns prompts into prototypes, code, and everything in between.

Mockup Make

Turn flat designs into photorealistic device mockups in seconds with AI magic.

Figr AI

Your AI product co-pilot that thinks through UX before building, so you ship without the rework.

Arkhet

Stop describing designs with words and start building prototypes visually with AI that actually understands your wireframes.

mskayyali.com

A personal portfolio showcasing design projects and creative explorations.

ReactRun AI

Visual React component builder with AI-powered editing and analysis.

SuperCraft

Design physical products with AI using natural language.