Guidelines for building great interfaces on the web. Covers interactions, animations, layout, content, forms, performance & design.
Web Interface Guidelines
A non-exhaustive list of details that make a good web interface.
GUIdebook: Graphical User Interface gallery
GUIdebook: Graphical User Interface gallery
userinterface.wiki
A living manual for better interfaces. Learn design principles, motion, typography, and more.
Interfaces › Cheat Sheet
A list of tips, improvements and best practices that quickly make your interfaces better.
10 Usability Heuristics for User Interface Design
Jakob Nielsen's 10 general principles for interaction design. They are called "heuristics" because they are broad rules of thumb and not specific usability guidelines.
tailwindcss - npmx
A utility-first CSS framework for rapidly building custom user interfaces.
Content guidelines overview
The section covers the naming and content of Internet-Drafts (I-Ds) including the required and recommended sections. There are lots of rules governing the content, developed over many years in order, which aim to ensure the readability and consistency of I-Ds. Please follow this section closely. The pages in this section are:
Paco Coursey
Crafting interfaces. Webmaster at Linear. Building polished software and web experiences.
Shoelace: A forward-thinking library of web components.
Hand-crafted custom elements for any occasion.
Command Line Interface Guidelines
An open-source guide to help you write better command-line programs, taking traditional UNIX principles and updating them for the modern day.
Josh W. Comeau
Friendly tutorials for developers. Focus on React, CSS, Animation, and more!
WebContainer API Docs
Build the future of web based coding experiences, from interactive tutorials to instant production-ready dev environments.
Frontend System Design: The Complete Guide 2026
Learn how to approach frontend System Design interviews with real-world architecture patterns, scalability strategies, and practical examples used by top tech companies.
Details That Make Interfaces Feel Better
A collection of details that make your interfaces feel better.
