UI Guideline

UI Guideline is a research-backed UI component handbook that consolidates insights from the 20 most popular design systems and UI libraries into a single reference. It helps designers and developers save hours of research by providing standardized component naming, anatomy, properties, and best practices. The platform offers both a free browsable component library and paid Spec Packs — downloadable files in PDF, Markdown, YAML, and JSON formats — designed to feed AI tools, design pipelines, and automation workflows. Trusted by employees at organizations like Asana, Atlassian, and Zendesk, UI Guideline covers 60+ unique components analyzed over 5+ years of research.

• Component Library — Browse 60+ UI components (Calendar, Modal, Button, Sidebar, etc.) with standardized naming, anatomy, and props derived from 20 top design systems.
• Component Spec Packs — Download per-component or full-library spec bundles including PDF specs, AI context files (.md), YAML, and JSON data files for use in Cursor, Claude, Figma plugins, or custom tooling.
• AI Context Files — Add .md spec files to your .cursor/rules/ or CLAUDE.md so AI assistants generate production-ready components that follow real industry standards.
• Figma Kits — Access Figma-ready kits aligned with the researched component specifications.
• Design System Audit — Submit your component library for a full diagnostic scored against 20 industry systems, including a Slop Score™, naming alignment report, gap analysis, and a 3-phase fix-it plan.
• Systems Reference — Explore the 20 annually selected design systems and UI libraries that form the research foundation.
• Slop Score™ (Coming Soon) — Upload your component library to instantly receive a 0–100 quality rating measuring naming, completeness, consistency, and variants.
• Newsletter & Updates — Subscribe via Substack to receive new component specs, quarterly data updates, and platform announcements.