Categories
9 · 26 subcategories · 240 links
UX and foundations
Templates, guides, and working foundations for researching and documenting UX.
1 subcategory · 8 links
UX and foundations
Templates, guides, and working foundations for researching and documenting UX.
1 subcategory · 8 links
UX Templates
Foundational guides and templates to research, structure, and document UX work.
8 links
UX Templates
Foundational guides and templates to research, structure, and document UX work.
8 links
UI patterns
Interface galleries and patterns for flows, components, and recurring decisions.
6 subcategories · 61 links
UI patterns
Interface galleries and patterns for flows, components, and recurring decisions.
6 subcategories · 61 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
Interface Design Patterns
A broad collection of interface patterns to solve common flows.
29 links
Interface Design Patterns
A broad collection of interface patterns to solve common flows.
29 links
-
Back Button UX
-
Carousels
-
Context Menus
-
Dashboards
-
Data Grids
-
Data Tables (Desktop)
-
Data Tables (Mobile)
-
Data Visualization
-
Design Systems
-
Drag n Drop
-
Error Messages
-
FAQ
-
Filters
-
Infinite Scroll
-
Loading Indicators
-
Localization
-
Multi-Lingual UX
-
Navigation
-
Onboarding
-
Pagination
-
Pricing Pages
-
Progress Steps
-
Reviews and Ratings
-
Search
-
Sorting
-
Sticky Menus
-
Table of Contents
-
Transitions
-
UI Inspiration
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
-
Six Simple Steps to Better Authentication UX
-
The Current State of Authentication: We Have a Password Problem
-
Sign-in form best practices
-
Jared Spool: Fixing the Failures of the Authentication UX
-
App login design: Choosing the right user login option
-
Passwordless Authentication Methods for SaaS Web Applications
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 · 34 links
Visual assets
Imagery, color, iconography, and 3D packs for prototypes and product work.
4 subcategories · 34 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.
9 links
3D Packs
Three-dimensional assets for hero sections, marketing, and high-impact UI.
9 links
AI
Patterns, toolkits, and design docs for AI experiences.
2 subcategories · 30 links
AI
Patterns, toolkits, and design docs for AI experiences.
2 subcategories · 30 links
AI Design Patterns and Toolkits
Patterns, guidelines, and frameworks for designing responsible, understandable, and human-centered AI experiences.
22 links
AI Design Patterns and Toolkits
Patterns, guidelines, and frameworks for designing responsible, understandable, and human-centered AI experiences.
22 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
-
Google's Introduction to Responsible AI
-
Microsoft Responsible AI Toolbox
-
PwC Responsible AI Toolkit
-
Design Human Data
-
Everyday Ethics for Artificial Intelligence
-
AI for Children Toolkit
-
Asilomar AI Principles
-
Data Cards Playbook
-
AI-Driven Design: Free Ebook
-
Sensible Futures Framework
-
Enterprise Design Thinking Toolkit
-
The Rulebook for Designing AI Experiences
-
AI Design and Practices Guidelines
-
Designing for AI: A UX Approach
-
Design + AI
DESIGN.md
Generators, guides, and repos for documenting design intent in agent-readable markdown.
8 links
DESIGN.md
Generators, guides, and repos for documenting design intent in agent-readable markdown.
8 links
Motion
Principles, systems, and animation libraries for interfaces.
2 subcategories · 21 links
Motion
Principles, systems, and animation libraries for interfaces.
2 subcategories · 21 links
Animation and Motion Design
Principles, systems, tools, and references for designing useful, consistent, and accessible interface animations.
16 links
Animation and Motion Design
Principles, systems, tools, and references for designing useful, consistent, and accessible interface animations.
16 links
-
The Ultimate Guide to Animation in UX
-
Five Steps for Systematizing Motion Design
-
Building a Motion Design System
-
Motion Design System: A Practical Guide
-
The UX in Motion Manifesto
-
Including Animation in Your Design System
-
Disney's 12 Animation Principles Applied to UI
-
Six Effective Types of Web Animation
-
IBM Carbon Motion Principles
-
Salesforce Kinetics Motion System
-
Designing Interface Animation
-
Easy Easings
-
Cubic-Bezier Curve Generator
-
The Role of Animation and Motion in UX
-
Animation in Design Systems
-
Readymag Design Animation Almanac
Motion and frontend
Motion libraries, interface craft references, and frontend design directories.
5 links
Motion and frontend
Motion libraries, interface craft references, and frontend design directories.
5 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
-
IBM Accessibility
-
Complete Guide to Accessible Frontend Components
-
Gender-Inclusive Language Project
-
Inclusive Design Illustrations
-
Inclusive Design Principles in Figma
-
Universal Design Guidelines on Body Size
-
Inclusive Components
-
A Beginner's Guide to Inclusive UX Design
-
Building Inclusive Products for Trans People
-
A Designer's Guide to Documenting Accessible Interactions
-
Enhancing User Experience with CSS Animations
-
10 Ways to Design More Inclusive Products
-
Should Inclusive Design Be a UX Concern?
-
Dyscalculia
-
Dyslexia
-
Ethical Design
-
Legibility
-
Left-Handed Users
-
LGBTQI
-
Mental Health
-
Older Adults
-
Screen Readers
-
Sustainability
-
Target Sizes
-
Templates
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
-
A11y Color Contrast Checker for Figma
-
Leonardo
-
Stark: Accessibility Tools
-
Fix Color Contrast for Text and UI Design
-
Color Accessibility Tools and Resources
-
An Interactive Guide to Color and Contrast
-
The Dark Yellow Problem
-
Accessible Palette: Stop Using HSL
-
Color Contrast Guidelines with APCA
-
A Practical Guide to Designing for Colorblindness
Vibe coding
Frameworks, UI libraries, and agents for building product with AI in the design loop.
2 subcategories · 13 links
Vibe coding
Frameworks, UI libraries, and agents for building product with AI in the design loop.
2 subcategories · 13 links
Vibe coding
Frameworks, agents, and references for building interfaces with AI and a fast prototyping loop.
2 links
Vibe coding
Frameworks, agents, and references for building interfaces with AI and a fast prototyping loop.
2 links
UI libraries
Component and style libraries to accelerate product and vibe-coding interfaces.
11 links
UI libraries
Component and style libraries to accelerate product and vibe-coding interfaces.
11 links
Inspirations
Sites and brands I look at for atmosphere, typography, and creative direction.
4 subcategories · 7 links
Inspirations
Sites and brands I look at for atmosphere, typography, and creative direction.
4 subcategories · 7 links
Inspirations
Sites and brands I look at for atmosphere, typography, visual narrative, and creative direction.
4 links
Inspirations
Sites and brands I look at for atmosphere, typography, visual narrative, and creative direction.
4 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
Links8 links
Free UX Templates and Guidesnngroup.comOpen link
UX concept glossaryinteraction-design.orgOpen link
Human psychology principlesnngroup.comOpen link
Design pattern guidelinesnngroup.comOpen link
Information architecture study guidenngroup.comOpen link
UX deliverables glossarynngroup.comOpen link
Tailwind Generator CSStailwind-generator.comOpen link
Tailtemplate Gradient Generatortailtemplate.comOpen link