A practical guide to naming UI components, with useful resources, naming conventions, and structures.
NameThat — the visual dictionary of UI
See the UI element, learn its real name and API symbol, and copy a precise prompt for your coding agent.
Components.build
An open standard for building modern, composable and accessible UI components.
GUIdebook: Graphical User Interface gallery
GUIdebook: Graphical User Interface gallery
Component Description Manager
Manage description of all your components in one place! Each main component (and its variants) can have a description that might be useful for you, other designers and developers. Descriptions can provide tips for using particular component, important dev notes or act as tags for better searchin...
Building a UI framework
Building a UI Framework Ian Hickson (ian@hixie.ch) — 2025 — First Edition — https://software.hixie.ch/ui-frameworks To leave comments, use the edit version. Introduction This document examines important design decisions for creating a new graphical UI framework. It was commissioned to answer the...
Svelte Magic UI Components
Svelte Magic UI - A collection of components that will make your application look magical.
Origin UI - Svelte
An extensive collection of copy-and-paste Svelte components for quickly building app UIs.
Inside Design Tokens: Naming
Naming design tokens can sometimes be considered its own discipline. Naming is surprisingly straight forward, and if it isn't then it solves the wrong problem.
Shoelace: A forward-thinking library of web components.
Hand-crafted custom elements for any occasion.
Interfaces › Design Engineering Magazine
Interfaces is a design engineering magazine about building great interfaces that covers topics such as animation, typography, layout and color.
Web Interface Guidelines
Guidelines for building great interfaces on the web. Covers interactions, animations, layout, content, forms, performance & design.
userinterface.wiki
A living manual for better interfaces. Learn design principles, motion, typography, and more.
Jelly UI — API Reference
The complete Jelly UI API reference: every attribute, property, method, event, slot, shadow part, CSS custom property and keyboard map.
Tools — Solidarity Resource
Watch our launch event for more context on the development of the Guide and a module-by-module tour!
Details That Make Interfaces Feel Better
A collection of details that make your interfaces feel better.
Interfaces › Cheat Sheet
A list of tips, improvements and best practices that quickly make your interfaces better.
