Categories
9 · 55 subcategories · 529 links
UX and foundations
Templates, guides, and working foundations for researching and documenting UX.
1 subcategory · 9 links
UX and foundations
Templates, guides, and working foundations for researching and documenting UX.
1 subcategory · 9 links
UX Templates
Foundational guides and templates to research, structure, and document UX work.
9 links
UX Templates
Foundational guides and templates to research, structure, and document UX work.
9 links
UI patterns
Interface galleries and patterns for flows, components, and recurring decisions.
34 subcategories · 307 links
UI patterns
Interface galleries and patterns for flows, components, and recurring decisions.
34 subcategories · 307 links
UI Design Patterns
Libraries and galleries to study recurring interface decisions.
12 links
UI Design Patterns
Libraries and galleries to study recurring interface decisions.
12 links
Back Button UX
References on Back Button UX collected from Vitaly Friedman’s publications.
9 links
Back Button UX
References on Back Button UX collected from Vitaly Friedman’s publications.
9 links
-
How To Design A Better Back Button UX
-
Designing A Better Back Button UX
-
Back Button Expectations
-
Design with the web in mind
-
-
-
-
-
Carousels
References on Carousels collected from Vitaly Friedman’s publications.
5 links
Carousels
References on Carousels collected from Vitaly Friedman’s publications.
5 links
Context Menus
References on Context Menus collected from Vitaly Friedman’s publications.
11 links
Context Menus
References on Context Menus collected from Vitaly Friedman’s publications.
11 links
-
-
Designing Better Context Menus
-
Contextual Menus: Delivering Relevant Tools for Tasks
-
Action Menu — Primer Design System
-
Context Menu Best Practices
-
-
Context Menu — Carbon Design System
-
-
-
Designing Retool’s Command Palette — Case Study
-
Dashboards
References on Dashboards collected from Vitaly Friedman’s publications.
10 links
Dashboards
References on Dashboards collected from Vitaly Friedman’s publications.
10 links
-
-
Financial Times Visual Vocabulary (PDF)
-
-
The UX Efficient Frontier
-
-
Dashboard Design Patterns
-
How To Design A Dashboard
-
Practical Dashboards
-
-
Data Grids
References on Data Grids collected from Vitaly Friedman’s publications.
16 links
Data Grids
References on Data Grids collected from Vitaly Friedman’s publications.
16 links
-
-
Goldman Sachs Data Grid and Tables Guidelines
-
Dell Design System: Data Tables
-
GE Healthcare: Data Grid Guidelines
-
Salesforce Tree Grid Design Patterns
-
-
US Web Design System: Complex Tables
-
NordHealth Design System: Complex Tables
-
-
-
How Screen Readers Navigate Data Tables
-
Building Accessible Responsive Tables
-
-
-
Data Tables UX Patterns Analysis
-
Enterprise UX: Essential Resources On Data Tables
Data Tables (Desktop)
References on Data Tables (Desktop) collected from Vitaly Friedman’s publications.
2 links
Data Tables (Desktop)
References on Data Tables (Desktop) collected from Vitaly Friedman’s publications.
2 links
Data Tables (Mobile)
References on Data Tables (Mobile) collected from Vitaly Friedman’s publications.
8 links
Data Tables (Mobile)
References on Data Tables (Mobile) collected from Vitaly Friedman’s publications.
8 links
-
-
Complex Data Tables On Mobile — GE Healthcare
-
-
AT&T Enterprise Table On Mobile
-
Shopify Data Tables On Mobile
-
Designing Mobile Tables
-
-
Data Visualization
References on Data Visualization collected from Vitaly Friedman’s publications.
17 links
Data Visualization
References on Data Visualization collected from Vitaly Friedman’s publications.
17 links
-
-
Data Viz Project
-
How to Choose The Right Data Visualization (PDF)
-
Choosing Fonts For Charts and Tables
-
Accessible Data Visualization
-
Fundamentals of Data Visualization
-
-
-
-
-
-
From Data to Viz
-
-
DataViz Inspiration — collection 1
-
-
FlowingData
-
Nightingale
Design Systems
References on Design Systems collected from Vitaly Friedman’s publications.
9 links
Design Systems
References on Design Systems collected from Vitaly Friedman’s publications.
9 links
-
-
-
-
-
-
Design System Structure for Teams, Projects and Files — Figma
-
-
-
Drag n Drop
References on Drag n Drop collected from Vitaly Friedman’s publications.
11 links
Drag n Drop
References on Drag n Drop collected from Vitaly Friedman’s publications.
11 links
-
-
-
-
-
Building a Drag and Drop UI
-
-
-
Salesforce Drag and Drop Interaction Patterns
-
Drag and Drop Order UX Pattern
-
-
Error Messages
References on Error Messages collected from Vitaly Friedman’s publications.
8 links
Error Messages
References on Error Messages collected from Vitaly Friedman’s publications.
8 links
FAQ
References on FAQ collected from Vitaly Friedman’s publications.
7 links
FAQ
References on FAQ collected from Vitaly Friedman’s publications.
7 links
-
-
Frequently Asked Questions — Smart Interface Design Patterns
-
-
FAQs: why we don’t have them
-
5 reasons why FAQ pages deliver a bad user experience
-
What Really Matters: Focusing on Top Tasks
-
Filters
References on Filters collected from Vitaly Friedman’s publications.
8 links
Filters
References on Filters collected from Vitaly Friedman’s publications.
8 links
-
-
-
-
-
-
-
-
Infinite Scroll
References on Infinite Scroll collected from Vitaly Friedman’s publications.
8 links
Infinite Scroll
References on Infinite Scroll collected from Vitaly Friedman’s publications.
8 links
-
-
-
-
-
-
-
-
Loading Indicators
References on Loading Indicators collected from Vitaly Friedman’s publications.
7 links
Loading Indicators
References on Loading Indicators collected from Vitaly Friedman’s publications.
7 links
Localization
References on Localization collected from Vitaly Friedman’s publications.
16 links
Localization
References on Localization collected from Vitaly Friedman’s publications.
16 links
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Cross-Cultural Design — book
-
The Culture Map
-
UX Writing and Microcopy
Multi-Lingual UX
References on Multi-Lingual UX collected from Vitaly Friedman’s publications.
10 links
Multi-Lingual UX
References on Multi-Lingual UX collected from Vitaly Friedman’s publications.
10 links
-
-
-
-
-
-
Flags Are Not Languages
-
-
-
-
Navigation
References on Navigation collected from Vitaly Friedman’s publications.
6 links
Navigation
References on Navigation collected from Vitaly Friedman’s publications.
6 links
Onboarding
References on Onboarding collected from Vitaly Friedman’s publications.
12 links
Onboarding
References on Onboarding collected from Vitaly Friedman’s publications.
12 links
-
-
-
-
-
-
-
Guide to Onboarding
-
-
-
-
-
Pagination
References on Pagination collected from Vitaly Friedman’s publications.
11 links
Pagination
References on Pagination collected from Vitaly Friedman’s publications.
11 links
-
-
Pagination Component Guidelines — GOV.UK
-
-
-
-
-
-
Pagination And Impact on Google Search
-
-
-
NHS Pagination
Pricing Pages
References on Pricing Pages collected from Vitaly Friedman’s publications.
2 links
Pricing Pages
References on Pricing Pages collected from Vitaly Friedman’s publications.
2 links
Progress Steps
References on Progress Steps collected from Vitaly Friedman’s publications.
7 links
Progress Steps
References on Progress Steps collected from Vitaly Friedman’s publications.
7 links
Reviews and Ratings
References on Reviews and Ratings collected from Vitaly Friedman’s publications.
5 links
Reviews and Ratings
References on Reviews and Ratings collected from Vitaly Friedman’s publications.
5 links
Search
References on Search collected from Vitaly Friedman’s publications.
6 links
Search
References on Search collected from Vitaly Friedman’s publications.
6 links
Sorting
References on Sorting collected from Vitaly Friedman’s publications.
8 links
Sorting
References on Sorting collected from Vitaly Friedman’s publications.
8 links
Sticky Menus
References on Sticky Menus collected from Vitaly Friedman’s publications.
5 links
Sticky Menus
References on Sticky Menus collected from Vitaly Friedman’s publications.
5 links
Table of Contents
References on Table of Contents collected from Vitaly Friedman’s publications.
3 links
Table of Contents
References on Table of Contents collected from Vitaly Friedman’s publications.
3 links
Transitions
References on Transitions collected from Vitaly Friedman’s publications.
12 links
Transitions
References on Transitions collected from Vitaly Friedman’s publications.
12 links
-
-
-
-
-
-
-
-
How To Include Motion Design In Design System
-
-
-
Revisiting Prefers-Reduced-Motion
-
UI Inspiration
References on UI Inspiration collected from Vitaly Friedman’s publications.
36 links
UI Inspiration
References on UI Inspiration collected from Vitaly Friedman’s publications.
36 links
-
-
All interface components — Component Gallery
-
-
-
-
-
-
-
-
-
-
Email Love
-
Humane by Design
-
Fonts In Use
-
Footer Design
-
-
Hover States
-
-
-
-
Logggos
-
-
Marketing and copywriting — Swiped
-
One Page Love
-
-
Pattern Club
-
Personal Sites
-
Deck Gallery
-
-
-
Lowwwcarbon
-
-
Showreelz
-
-
-
Whimsical Club
Authentication
Patterns and practices for login, sign-in forms, and passwordless authentication.
6 links
Authentication
Patterns and practices for login, sign-in forms, and passwordless authentication.
6 links
-
-
-
Sign-in form best practices
-
Jared Spool: Fixing the Failures of the Authentication UX
-
App login design: Choosing the right user login option
-
Autocomplete
UX details and accessibility for suggestions, tap-ahead, and autocomplete controls.
2 links
Autocomplete
UX details and accessibility for suggestions, tap-ahead, and autocomplete controls.
2 links
Cancel UX
Guidance for designing cancel, close, back, and destructive actions with clear labels, hierarchy, and placement.
7 links
Cancel UX
Guidance for designing cancel, close, back, and destructive actions with clear labels, hierarchy, and placement.
7 links
Modals UX
Criteria, alternatives, and accessibility practices for deciding when to use modal dialogs and how to reduce their impact.
5 links
Modals UX
Criteria, alternatives, and accessibility practices for deciding when to use modal dialogs and how to reduce their impact.
5 links
Visual assets
Imagery, color, iconography, and 3D packs for prototypes and product work.
4 subcategories · 35 links
Visual assets
Imagery, color, iconography, and 3D packs for prototypes and product work.
4 subcategories · 35 links
Image Stock
Photography, mockup, and visual asset sources for product and brand work.
8 links
Image Stock
Photography, mockup, and visual asset sources for product and brand work.
8 links
Colors
Palette generators and references to build color systems.
9 links
Colors
Palette generators and references to build color systems.
9 links
Icons
Icon libraries for systems, product work, and prototypes.
8 links
Icons
Icon libraries for systems, product work, and prototypes.
8 links
3D Packs
Three-dimensional assets for hero sections, marketing, and high-impact UI.
10 links
3D Packs
Three-dimensional assets for hero sections, marketing, and high-impact UI.
10 links
AI
Patterns, toolkits, and design docs for AI experiences.
2 subcategories · 35 links
AI
Patterns, toolkits, and design docs for AI experiences.
2 subcategories · 35 links
AI Design Patterns and Toolkits
Patterns, guidelines, and frameworks for designing responsible, understandable, and human-centered AI experiences.
24 links
AI Design Patterns and Toolkits
Patterns, guidelines, and frameworks for designing responsible, understandable, and human-centered AI experiences.
24 links
-
Shape of AI: Interaction Design Patterns
-
AI Meets Design Toolkit
-
People + AI Guidebook
-
IBM Design for AI
-
Guidelines for Human-AI Interaction
-
AI + Design Toolkit on Miro
-
Intelligence Augmentation Design Toolkit
-
-
Microsoft Responsible AI Toolbox
-
PwC Responsible AI Toolkit
-
Design Human Data
-
-
AI for Children Toolkit
-
Asilomar AI Principles
-
Data Cards Playbook
-
AI-Driven Design: Free Ebook
-
Sensible Futures Framework
-
-
-
-
-
Design + AI
-
-
Napkin
DESIGN.md
Generators, guides, and repos for documenting design intent in agent-readable markdown.
11 links
DESIGN.md
Generators, guides, and repos for documenting design intent in agent-readable markdown.
11 links
-
-
getdesign.md @noahelhadedy
-
Context.dev Design.md Generator @noahelhadedy
-
-
Design Project guide @noahelhadedy
-
designmd.ai @noahelhadedy
-
design.dev Design.md Generator @noahelhadedy
-
explainx.ai Design.md Generator @noahelhadedy
-
designmd.me
-
designmd.co
-
designmd.supply
Motion
Principles, systems, and animation libraries for interfaces.
2 subcategories · 23 links
Motion
Principles, systems, and animation libraries for interfaces.
2 subcategories · 23 links
Animation and Motion Design
Principles, systems, tools, and references for designing useful, consistent, and accessible interface animations.
17 links
Animation and Motion Design
Principles, systems, tools, and references for designing useful, consistent, and accessible interface animations.
17 links
-
-
-
-
-
-
-
Disney's 12 Animation Principles Applied to UI
-
Six Effective Types of Web Animation
-
-
Salesforce Kinetics Motion System
-
Designing Interface Animation
-
Easy Easings
-
Cubic-Bezier Curve Generator
-
-
Animation in Design Systems
-
Readymag Design Animation Almanac
-
Finsweet LottieFlow
Motion and frontend
Motion libraries, interface craft references, and frontend design directories.
6 links
Motion and frontend
Motion libraries, interface craft references, and frontend design directories.
6 links
Inclusive Design
Inclusive Design groups Accessibility and related topics: neurodiversity, color, and contrast.
4 subcategories · 62 links
Inclusive Design
Inclusive Design groups Accessibility and related topics: neurodiversity, color, and contrast.
4 subcategories · 62 links
Accessibility
Core accessibility references, inclusive components, and a11y practices.
31 links
Accessibility
Core accessibility references, inclusive components, and a11y practices.
31 links
-
Accessibility SA
-
The A11Y Project
-
Stark Accessibility Library
-
Microsoft Inclusive Design
-
A11Y Support
-
Inclusive Design Toolkit
-
-
-
Gender-Inclusive Language Project
-
-
-
Universal Design Guidelines on Body Size
-
Inclusive Components
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Autism and Neurodiversity
Design principles, language, research, and usability testing practices for creating experiences with autistic people.
7 links
Autism and Neurodiversity
Design principles, language, research, and usability testing practices for creating experiences with autistic people.
7 links
Colorblindness and Accessible Color
Guides, case studies, and tools for designing interfaces and visualizations that do not rely on color alone.
9 links
Colorblindness and Accessible Color
Guides, case studies, and tools for designing interfaces and visualizations that do not rely on color alone.
9 links
Color Contrast
Guides and tools for checking contrast, building accessible palettes, and applying WCAG and APCA to interfaces.
15 links
Color Contrast
Guides and tools for checking contrast, building accessible palettes, and applying WCAG and APCA to interfaces.
15 links
-
Colorable
-
Random Accessible Color Schemes
-
Contrast Finder: Closest Accessible Colors
-
Contrast Grid
-
InclusiveColors: Brand Color Generator
-
-
Leonardo
-
-
Fix Color Contrast for Text and UI Design
-
-
An Interactive Guide to Color and Contrast
-
-
Accessible Palette: Stop Using HSL
-
Color Contrast Guidelines with APCA
-
Vibe coding
Frameworks, UI libraries, and agents for building product with AI in the design loop.
3 subcategories · 37 links
Vibe coding
Frameworks, UI libraries, and agents for building product with AI in the design loop.
3 subcategories · 37 links
Vibe coding
Frameworks, agents, and references for building interfaces with AI and a fast prototyping loop.
4 links
Vibe coding
Frameworks, agents, and references for building interfaces with AI and a fast prototyping loop.
4 links
Repos and lists
Repositories, awesome lists, and open-source tools to prototype, automate, and build with AI.
9 links
Repos and lists
Repositories, awesome lists, and open-source tools to prototype, automate, and build with AI.
9 links
UI libraries
Component and style libraries to accelerate product and vibe-coding interfaces.
24 links
UI libraries
Component and style libraries to accelerate product and vibe-coding interfaces.
24 links
Inspirations
Sites and brands I look at for atmosphere, typography, and creative direction.
4 subcategories · 17 links
Inspirations
Sites and brands I look at for atmosphere, typography, and creative direction.
4 subcategories · 17 links
Inspirations
Sites and brands I look at for atmosphere, typography, visual narrative, and creative direction.
14 links
Inspirations
Sites and brands I look at for atmosphere, typography, visual narrative, and creative direction.
14 links
UI Inspiration
Visual references and presentations of mobile interfaces.
1 link
UI Inspiration
Visual references and presentations of mobile interfaces.
1 link
Web Inspiration
Gallery of sites browsable by color, industry, and visual style.
1 link
Web Inspiration
Gallery of sites browsable by color, industry, and visual style.
1 link
Digital Design
Curated selection of interfaces, motion, web, 3D, and digital design.
1 link
Digital Design
Curated selection of interfaces, motion, web, 3D, and digital design.
1 link
Experiment
Sandboxes and demos for trying interactions, motion, and loose prototypes.
1 subcategory · 4 links
Experiment
Sandboxes and demos for trying interactions, motion, and loose prototypes.
1 subcategory · 4 links
Experiments
Demos, sandboxes, and prototypes for trying ideas without commitment.
4 links
Experiments
Demos, sandboxes, and prototypes for trying ideas without commitment.
4 links
Categories
Subcategories
Links9 links
UX concept glossaryinteraction-design.orgOpen link
Tailwind Generator CSStailwind-generator.comOpen link
Tailtemplate Gradient Generatortailtemplate.comOpen link
Normal Toolsnormaltools.comOpen link