awesome-ui-guides
github.com/willyp713/awesome-ui-guides ↗A list of UI design guides
Use this list with your AI agent
Add the Context Awesome MCP server to Claude, Cursor, or any MCP client, then ask:
"Show me tabs resources from awesome-ui-guides"
Installation instructions →What's inside
Accessiblity
- 18F Accessibility Guide
US Government technology consultancy's best practices for accessiblity.
- Creating accessible input errors and help text
Utilizing visual and audio helpers to make input fields more accessible.
Checkboxes & Toggles
- 41 Modern CSS Checkbox Designs
Long list of inspirational examples of checkbox designs.
- Checkbox vs Toggle Switch
Understanding the difference between checkboxes and toggles, and when to use each.
- Toggle-Switch Guidelines
Best bractices for toggle design from NNG, the UI/UX thought leader.
Buttons
- 7 Basic Rules for Button Design
Best practice for designing a button.
- Cheatsheet for buttons
Understanding different types of buttons and how to use them together.
Miscellaneous/General
- A List Apart
Expert articles and guides for web content, design, UX, and more. Companion to the book publisher
- Digital Services Playbook
US Government playbook for human-centered design, agile process, and modern architechture.
- Methods for Human-Centered Design Research
List of human-centered design research practices with practical guides to implement.
- Ten Usability Heuristics
Jakob Nielsen's everlasting 10 general principles for interaction design, maintained since 1994.
- The Laws of UX
A collection of researched-based best practices that designers can consider when building user interfaces.
Breadcrumbs
- Are breadcrumbs still fresh for UX?
Mix of theory and practical examples.
- Breadcrumbs: 11 Design Guidelines for Desktop and Mobile
Best bractices for breadcrumbs from NNG, the UI/UX thought leader.
Loaders
- Best Practices For Animated Progress Indicators
When to use animation in prgoress indicators.
- Progress Indicators Make a Slow System Less Insufferable
Best bractices for progress indicators from NNG, the UI/UX thought leader.
- Stop Using A Loading Spinner, There's Something Better
How to use more helpful indicators of progress to avoid anxiety induced by indeterminate spinners.
Modals
- Best Practices for Designing UI Overlays
Dos and don'ts for UI overlays.
- Big, bold UX — using modal windows for in-app user engagement
Examples of bright, cheerful and attention-grabbing overlays.
- Modal & Nonmodal Dialogs: When (& When Not) to Use Them
Best bractices for dialog boxes and overlays from NNG, the UI/UX thought leader.
- Modern Enterprise UI design — Part 2: Modal dialogs
Recommendations for best use of modal overlays in an information-heavy interface, like enterprise applications.
Showing a sample of 62 resources. View the full list on GitHub →