Case Studies

We ran 109 design rules on a sample of UI components from popular open source projects. Accessibility, color, typography, spacing, UX, and more.

The component library powering most modern Next.js apps.

Missing alt text on avatars

Send button with no disabled state

No Cmd+Enter on prompt textarea

The open source scheduling platform.

Focus rings removed on interactive controls

16px checkbox touch targets

Duplicate checkbox implementations

The open source Firebase alternative — Studio dashboard.

Hardcoded hex colors bypassing dark mode

Duplicate click handlers

28px close button on mobile

The React framework — DevTools overlay components.

Missing aria-expanded on panel toggle

aria-disabled misuse on copy button

Magic pixel positioning