# David Dias

- **Website:** <https://uxpatterns.dev>
- **Primary alias:** `uxpatterns.dev`

## Description

UX Patterns for Devs is an open-source reference library that helps developers make informed decisions about user interface design. Its framework-agnostic resources explain when and how to use common UI patterns, with guidance that applies across technologies such as React, Vue, Svelte, Angular, and vanilla JavaScript. The library includes more than 92 pattern references across 11 categories, covering interfaces such as modals, pagination, autocomplete, text fields, and comparison tables. Pattern documentation addresses practical implementation considerations, accessibility, best practices, and testing.

For teams weighing alternatives, UX Patterns for Devs offers decision guides comparing approaches such as modals, popovers, and tooltips, or pagination and infinite scroll. A glossary clarifies UX, accessibility, and web platform terminology, while the blog shares editorial perspectives and project updates. The brand also provides an AI-powered pattern assistant through an MCP server, with tools for pattern discovery, WCAG checks, and UX-focused code review. Free to use under the MIT license, the project welcomes community contributions and aims to help people build more usable and accessible interfaces.

## Industries

- 🖥 Computers Electronics and Technology
- 🖥 Programming and Developer Software _(under Computers Electronics and Technology)_
- 🗺 Reference Materials
- 🗺 Dictionaries and Encyclopedias _(under Reference Materials)_

## Links

- [twitter](https://twitter.com/thedaviddias)
- [github](https://github.com/thedaviddias)

## Logos & icons

- logo _(primary)_ — PNG — [download](https://cdn.brandfetch.io/idbK0hcfAV/w/180/h/180/theme/dark/logo.png?c=1bxid64Mup7aczewSAYMX&t=1790892516129)
- icon _(primary)_ — JPEG — [download](https://cdn.brandfetch.io/idbK0hcfAV/w/400/h/400/theme/dark/icon.jpeg?c=1bxid64Mup7aczewSAYMX&t=1790892516235)

## Colors

| Name | Hex | Theme |
| --- | --- | --- |
| Black | #000000 | dark |
| White | #ffffff | light |

## Fonts

- var(--font-ui) — asset _(custom)_
- var(--font-ui) — asset _(custom)_

## Imagery

- banner _(primary)_ — JPEG — [download](https://cdn.brandfetch.io/idbK0hcfAV/w/1500/h/500/iduHL3dhQ2.jpeg?c=1bxid64Mup7aczewSAYMX&t=1790892516404)

---

_Source: <https://brandfetch.com/uxpatterns.dev>_
_See [/llms.txt](/llms.txt) for a full list of agent-readable pages, and [/auth.md](/auth.md) for how agents authenticate._